@charset "utf-8";

:root {
    --background-color: #F5F5F7;
    --bg-white: #FFF;
    --footer-bg: #222C3C;
    --color: #333333;
    --second-color: #8590a6;
    --href-color: #113CFC;
    --global-width: 1080px;
}

* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Biaodian Pro Sans GB', "Helvetica Neue", Helvetica, Arial, "pingfang sc", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", STHeiti, SimSun, sans-serif;
    color: var(--color);
    background-color: var(--background-color);
    line-height: 1.4;
    width: 100%;
    height: 100%;
}

/* 滚动条 */
::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
    width: 4px;
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-track-piece {
    background-color: #fff; /*滚动条的背景颜色*/
    -webkit-border-radius: 0; /*滚动条的圆角宽度*/
}

::-webkit-scrollbar {
    width: 10px; /*滚动条的宽度*/
    height: 8px; /*滚动条的高度*/
}

::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
    height: 50px;
    background-color: #999;
    -webkit-border-radius: 4px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
}

::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/
    height: 50px;
    background-color: #9f9f9f;
    -webkit-border-radius: 4px;
}


/*::selection {*/
/*    background: #F56C6C;*/
/*    color: #FFF;*/
/*}*/

a {
    color: var(--color);
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover {
    text-decoration: none;
    color: var(--href-color);
}

a, button {
    cursor: pointer;
}

.card {
    background-color: var(--bg-white);
    box-shadow: 0 0 45px -5px rgb(158 158 158 / 22%);
    border-width: 0;
    border-radius: 2px;
    margin-bottom: 0.8rem;
}

.hover-wrap {
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
}

.hover-wrap:hover {
    transform: scale(1.02);
}

.el-header, .el-footer {
    padding: 0;
    /*background-color: #B3C0D1;*/
    color: var(--color);
    text-align: center;
    line-height: 60px;
}

/*导航栏*/
.headerModule {
    height: 58px;
    width: 100%;
    background-color: var(--bg-white);
    box-shadow: 0 5px 40px 0 rgb(17 58 93 / 10%);
}

.headerModule .box {
    width: var(--global-width);
    *zoom: 1;
    height: 58px;
    line-height: 58px;
    margin: 0 auto
}

.headerModule .box:before, .headerModule .box:after {
    clear: both;
    display: table;
    content: "";
    line-height: 0
}

.headerModule .box .logo {
    float: left;
    margin-top: 8px;
    *margin-top: 7px;
}

.headerModule .box .nav {
    float: left;
    padding-left: 1rem;
}

.headerModule .box .nav ul li {
    float: left;
    padding: 0 0.5rem;
}

.headerModule .box .nav ul li a {
    display: block;
    font-size: 16px;
}

.headerModule .box .nav ul li a:hover {
    color: #1890ff;
}

.headerModule .box .menu {
    float: right;
    margin-right: 8px
}

.headerModule .box .menu ul li {
    float: left;
    font-size: 0;
}

.headerModule .box .menu ul li a {
    display: block;
    margin-left: 18px;
    color: #272E3B;
    font-size: 14px
}

.headerModule .box .menu ul li a:hover {
    color: #1890ff;
}

.headerModule .box .menu ul li .a-button {
    color: #3491FA;
    outline: none;
    display: inline-block;
    padding: 1px 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: #E8F3FF;
    border-radius: 3px;
    margin: 13px 0 0 15px;
}

.headerModule .box .menu ul li .a-button:hover {
    color: #57A9FB;
}

.headerModule .box .menu ul li .author {
    position: relative;
    color: #272E3B;
    display: inline-block;
}

.headerModule .box .menu ul li .author img {
    width: 36px;
    height: 36px;
    position: absolute;
    left: -5px;
    top: -23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.headerModule .box .menu ul li .author .avatarImg {
    font-size: 0;
    position: relative;
    top: 10px;
    right: -12px;
}

.headerModule .box .menu ul li .author .avatarImg .circle {
    border-radius: 100%;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    background: #F2F3F5;
}

.headerModule .box .menu ul li .author .avatarImg .circle i {
    font-size: 22px;
    line-height: 30px;
    color: #D7D9DF;
}

.headerModule .box .menu ul li .userName {
    font-size: 14px;
    display: inline-block;
}

.headerModule .box .head-search {
    float: left;
    margin-left: 20px;
    position: relative;
    line-height: 30px
}

.headerModule .box .head-search form {
    width: 220px;
    height: 30px;
    background: #f2f3f5;
    border-radius: 999px;
    float: left;
    margin-top: 15px;
    position: relative
}

.headerModule .box .head-search form input {
    width: 90%;
    height: 24px;
    line-height: 22px;
    background: none;
    border: none;
    font-size: 14px;
    margin-top: 4px;
    padding-left: 20px;
}

.headerModule .box .head-search form input::-webkit-input-placeholder {
    color: #86909C;
}

.headerModule .box .head-search form input:-moz-placeholder {
    color: #86909C;
}

.headerModule .box .head-search form input:-ms-input-placeholder {
    color: #86909C;
}

.headerModule .box .head-search form .sub-button {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999px;
    cursor: pointer;
}

.headerModule .box .head-search form .icon {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #86909C;
    font-size: 18px;
    pointer-events: none;
}

/* 正文 */
.main {
    width: var(--global-width);
}

/* 高度百分百骨架 */
.skeleton {
    width: 100%;
    min-height: 100%;

    height: auto;
    display: -webkit-box;/** display: box;和prism.js插件代码行高垂直对齐有冲突 **/
    display: box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
}

/* 背景 */
.backgroundModule {
    background-color: var(--bg-white);
    /*box-shadow: 0 0 45px -5px rgb(158 158 158 / 22%);*/
}

/* 页脚 */
.footer {
    margin-top: 30px;
    color: #818394;
    font-size: 14px;
    background-color: var(--footer-bg);
    height: 130px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer a {
    color: #818394;
}

.footer a:hover {
    color: #FFF;
    text-decoration: none;
}

.footer-info {
    height: 60%;
    line-height: 30px;
}

textarea {
    resize: none;
}

table {
    empty-cells: show;
    border-collapse: collapse;
}

caption, th {
    text-align: left;
    font-weight: 400;
}

ul li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
}

em, cite, i {
    font-style: normal;
}

a img {
    border: none;
}

label {
    cursor: pointer;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

i, em {
    font-style: normal;
}

ol, ul, li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
    font-weight: normal
}

textarea {
    overflow: auto;
    resize: none;
}

label {
    cursor: default;
}


ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

* html .clearfix {
    height: 1%;
}

/*分页*/
.pg {
    float: right;
    line-height: 36px;
    font-size: 14px;
}

.pg A {
    border-radius: 3px;
    padding-bottom: 0px;
    background-color: #F2F3F5;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    display: inline;
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    color: #4E5969;
    margin-left: 4px;
    overflow: hidden;
    text-decoration: none;

}

.pg A.prev {
    border-radius: 3px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px
}

.pg A.nxt {
    border-radius: 3px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px
}

.pg A:hover {
    color: #272E3B;
    background-color: #E5E6EB;
}

.pg LABEL {
    border-radius: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #F2F3F5;
    padding-left: 12px;
    padding-right: 12px;
    display: inline;
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    color: #4E5969;
    margin-left: 4px;
    overflow: hidden;
    text-decoration: none;

}

.pg LABEL .pg_input {
    width: 25px;
    margin-bottom: 3px;
    *margin-bottom: 0px;
    border: #F2F3F5 1px solid;
    position: relative;
    top: -1px;
    color: #4E5969;
    height: 14px;
    padding: 4px 3px;
    font-size: 14px;
}

.pg STRONG {
    border-radius: 3px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline;
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    color: #4E5969;
    margin-left: 4px;
    overflow: hidden;
    background-color: #E5E6EB;
    text-decoration: none;
    padding-top: 0px;
}

.pg span.count {
    border-radius: 3px;
    padding-bottom: 0px;
    background-color: #F2F3F5;
    padding-left: 12px;
    padding-right: 12px;
    display: inline;
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    color: #4E5969;
    margin-left: 4px;
    overflow: hidden;
    text-decoration: none;
    padding-top: 0px;
}

/*功能按钮  F7F7F7 */
.functionButton {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 0;
    margin: 0 1px;
    background: #dddddd;
    *margin-top: -12px;
    outline: none;
}

.functionButton span,
.functionButton input {
    float: left;
    display: inline;
    margin: 0 -1px;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    font-size: 16px;
    border: 0;
    overflow: visible;
    background: #dddddd;
    color: #5a5a5a;
    cursor: pointer;
    outline: none;
}

.functionButton:hover,
.functionButton:hover span,
.functionButton:hover input {
    background: #f6f6f6;
    outline: none;
}

/*提交按钮*/
.submitButton {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0px;
    outline: none;
}

.submitButton span,
.submitButton input {
    float: left;
    display: inline;
    margin: 0 -1px;
    height: 34px;
    line-height: 34px;
    padding: 0 24px;
    font-size: 18px;
    border: 0;
    overflow: visible;
    background: #20A0FF;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

.submitButton:hover,
.submitButton:hover span,
.submitButton:hover input {
    background: #58B7FF;
}

.submitButton input:disabled {
    background-color: #f2f3f5;
    color: #C9CDD4;
    border-radius: 3px;
}

/* 蓝色按钮*/
.blue_btn_box {
    border: 1px solid #0191e4;
    padding: 1px;
    display: inline-block;
    outline: none;
}

.blue_btn {
    background-color: #25affe;
    color: #ffffff;
    border: medium none;

    height: 24px;
    *line-height: 27px; /* IE6/IE7 */
    line-height: 27px \0; /* IE8 */
    outline: 0 none !important;
    blr: expression(this.onFocus=this.blur()); /* 去除控件选中时的虚线框 */
}

.blue_btn:hover {
    background-color: #0299f0;
    width: 45px;
    color: #ffffff;
    height: 24px;
}


/* 操作按钮 */
.operation-button {
    display: inline-block;
    line-height: 1;
    min-height: 28px;
    white-space: nowrap;
    cursor: pointer;
    background: #20A0FF;;
    border: 1px solid #20A0FF;
    color: #FFF;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 3px;
}

.operation-button span {
    color: #fff;
}

.operation-button:focus,
.operation-button:hover {
    background: #58B7FF;
    border-color: #58B7FF;
    color: #FFF
}

.operation-button:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #FFF;
    outline: 0
}

.operation-button::-moz-focus-inner {
    border: 0
}

.operation-button + .operation-button {
    margin-left: -1px;
}

.operation-button [class*=el-icon-] + span {
    margin-left: 5px
}

/*按钮组界线*/
.operation-button-group .operation-button:last-child,
.operation-button-group .operation-button:not(:first-child):not(:last-child) {
    border-left-color: rgba(255, 255, 255, .5)
}

.operation-button-group .operation-button:first-child,
.operation-button-group .operation-button:not(:first-child):not(:last-child) {
    border-right-color: rgba(255, 255, 255, .5);
}

/*按钮组*/
.operation-button-group {
    display: inline-block;
    vertical-align: middle
}

.operation-button-group::after,
.operation-button-group::before {
    display: table
}

.operation-button-group::after {
    clear: both
}

.operation-button-group > .operation-button {
    float: left;
    position: relative
}

.operation-button-group > .operation-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.operation-button-group > .operation-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.operation-button-group > .operation-button:first-child:last-child {
    border-radius: 3px
}

.operation-button-group > .operation-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.operation-button-group > .operation-button:active,
.operation-button-group > .operation-button:focus,
.operation-button-group > .operation-button:hover {
    z-index: 1
}


/* 表单 text */
.formText {
    height: 34px;
    line-height: normal;
    line-height: 34px \9;
    padding: 0px 10px 0px 10px;
    background: #F7F8FA;
    border: 1px solid transparent;
    border-radius: 3px;
    outline: none;
}

.formText:disabled {
    border: 1px solid transparent;
    background-color: #F2F3F5;
    color: #C9CDD4;
    border-radius: 3px;
}

.formText::-webkit-input-placeholder {
    color: #A9AEB8;
}

.formText:-ms-input-placeholder {
    color: #A9AEB8;
}

.formText:-moz-placeholder {
    color: #A9AEB8;
}

.formText::-moz-placeholder {
    color: #A9AEB8;
}

/* 表单 select */
.formSelect {
    height: 36px;
    line-height: 36px;
    padding: 0px 10px 0px 10px;
    border: 1px solid transparent;
    background: #F7F8FA;
    border-radius: 3px;
    margin-right: 1px;
    outline: none;
}

/* 表单 radio */
.formRadio {
    display: none;
}

.formRadio:checked + .formRadio-core {
    background-color: #20a0ff;
    border-color: #20a0ff;
}

.formRadio:checked + .formRadio-core::after {
    background-color: var(--bg-white);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.formRadio[disabled] + .formRadio-core {
    background-color: #d9d9d9;
    border-color: #C9CDD4;
}

.formRadio-core {
    box-sizing: border-box;
    display: inline-block;
    background-color: var(--bg-white);
    border-radius: 100%;
    border: 1px solid #C9CDD4;
    position: relative;
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.formRadio-core::after {
    content: " ";
    border-radius: 100%;
    top: 6px;
    left: 6px;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.formRadio-text {
    vertical-align: middle;
    margin-right: 6px;
}

/* 表单 checkbox */
.formCheckbox {
    display: none;
}

.formCheckbox:checked + .formCheckbox-core {
    background-color: #20a0ff;
    border-color: #20a0ff;
}

.formCheckbox-core {
    display: inline-block;
    background-color: var(--bg-white);
    border-radius: 100%;
    border: 1px solid #C9CDD4;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.formCheckbox:checked + .formCheckbox-core::after {
    border-color: #fff;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.formCheckbox-core::after {
    border: 2px solid transparent;
    border-left: 0;
    border-top: 0;
    content: " ";
    top: 4px;
    left: 7px;
    position: absolute;
    width: 4px;
    height: 8px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.formCheckbox-text {
    vertical-align: middle;
    margin-right: 6px;
}

/* 表单 textarea */
.formTextarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
}


.form {
    position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom: 1;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form:after, .form:before {
    display: table;
    content: ""
}

.form:after {
    clear: both
}

.form + .form:before {
    clear: both
}

.form .form-field {
    position: relative;
    min-height: 1px;
    width: 100%;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .form-field .form-field-container.form-field-error > .form-field-text {
    background: #fcf2f3;
}

.form .form-field .form-field-container .form-field-text {
    position: relative;
    overflow: hidden;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    /**border: 1px solid rgba(0,0,0,0);**/
    background: #F7F8FA;
}

.form .form-field .form-field-container .form-field-input-container {
    position: relative;
    display: table-cell;
    width: 100%;
}

.form .form-field .form-field-container .form-field-input-container .form-field-text-input {
    height: 54px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 30px 18px 10px;
    border: none;
    font-size: 16px;
    color: #4E5969;
    line-height: 20px;
    background: rgba(0, 0, 0, 0);
    width: 100%;
}

.form .form-field .form-field-container .form-field-input-container .form-field-text-input ::-webkit-input-placeholder {
    color: #A9AEB8;
}

.form .form-field .form-field-container .form-field-input-container .form-field-text-input :-ms-input-placeholder {
    color: #A9AEB8;
}

.form .form-field .form-field-container .form-field-input-container .form-field-text-input ::-ms-input-placeholder {
    color: #A9AEB8;
}

.form .form-field .form-field-container .form-field-input-container .form-field-text-input ::placeholder {
    color: #A9AEB8;
}

.form .form-field .form-field-container .form-field-input-container .form-field-text-input:focus {
    outline: none
}

.form .form-field .form-field-container .form-field-label {
    cursor: text;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 18px;
    top: 17px;
    height: 20px;
    font-weight: 400;
    font-size: 16px;
    color: #A9AEB8;
    line-height: 20px;
    transition: top .15s cubic-bezier(.4, 0, .2, 1), font-size .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    max-width: calc(100% - 20px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.form .form-field .form-field-container .form-field-label .required {
    font-size: 14px;
    color: #F76560;
    position: relative;
    top: 3px;
}

.form .form-field .form-field-container .form-field-active {
    top: 6px;
    font-size: 12px;
    color: #86909C;
}

.form .form-field .form-field-container .form-field-radio {
    position: relative;
    overflow: hidden;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    /**border: 1px solid rgba(0,0,0,0);**/
    background: #F7F8FA;
}

.form .form-field .form-field-container .form-field-radio-container {
    position: relative;
    display: table-cell;
    width: 100%;
}

.form .form-field .form-field-container .form-field-radio-container .form-field-radio-input {
    min-height: 54px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 30px 18px 10px;
    border: none;
    font-size: 16px;
    color: #4E5969;
    line-height: 20px;
    background: rgba(0, 0, 0, 0);
    width: 100%;
}

.form .form-field .form-field-container .form-field-prompt-error {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #F76560;
    display: none;
}

.form .form-field .form-field-container .form-field-help {
    margin-top: 8px;
    font-size: 14px;
    color: #A9AEB8;
    line-height: 20px
}

.form .form-field .form-field-container .form-field-prompt-success {
    margin-top: 8px;
    font-size: 14px;
    color: green;
    line-height: 20px
}

.form .form-field .form-field-container .form-field-button-container {
    display: table-cell;
    vertical-align: middle
}

.form .form-field .form-field-container .form-field-button-container .btn {
    line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 16px;
    border-radius: 4px;
    color: rgba(0, 0, 0, .65);
    background-color: var(--bg-white);
    border: 1px solid #d9d9d9
}

.form .form-field .form-field-container .form-field-button-container .btn-link {
    color: #1890ff;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.form .form-field .form-field-container .form-field-button-container .btn-link:focus,
.form .form-field .form-field-container .form-field-button-container .btn-link:hover {
    color: #45b6f7;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.form .form-field .form-field-container .form-field-button-container .btn-link-disabled,
.form .form-field .form-field-container .form-field-button-container .btn-link-disabled.active,
.form .form-field .form-field-container .form-field-button-container .btn-link-disabled:active,
.form .form-field .form-field-container .form-field-button-container .btn-link-disabled:focus,
.form .form-field .form-field-container .form-field-button-container .btn-link-disabled:hover {
    color: rgba(0, 0, 0, .25);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form .form-field .form-field-container .form-field-image-container {
    display: table-cell;
    vertical-align: middle;
    background-color: var(--bg-white);
    width: 150px;
}

.form .form-field .form-field-container .form-field-image-container img {
    width: 120px;
    height: 40px;
    outline: none;
    margin-left: 10px;
}

/* 话题题标签 */
.tabModule {
    padding: 8px 18px 8px 18px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    /*background-color: var(--bg-white);*/
    position: relative;
    /*box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);*/
}

.tabModule .tab-box {
    margin-right: 90px;
}

.tabModule .tab-box .tab {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

.tabModule .tab-box .tab:link,
.tabModule .tab-box .tab:visited,
.tabModule .tab-box .tab:active {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 10px 8px 10px;
    margin-right: 5px;
    border-radius: 3px;
    color: #4E5969;
    background-color: #f2f3f5;
    position: relative;
}

.tabModule .tab-box .tab:hover {
    background-color: #e5e6eb;
    color: #4E5969;
    text-decoration: none;
}

.tabModule .tab-box .tab_current:link,
.tabModule .tab-box .tab_current:visited,
.tabModule .tab-box .tab_current:active {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 10px 7px 10px;
    margin-right: 5px;
    border-radius: 3px;
    background-color: #1D2129;
    color: #fff;
    position: relative;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.tabModule .tab-box .tab_current:hover {
    background-color: #272E3B;
    color: #fff;
    text-decoration: none;
}

.tabModule .tab-box .tab .icon {
    margin-right: 2px;
    position: relative;
    top: 1px;
    color: #4E5969;
}

.tabModule .tab-box .tab_current .icon {
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.tabModule .more {
    position: absolute;
    top: 21px;
    right: 15px;
}

.tabModule .readMore {
    color: #4E5969;
    cursor: default;
}

.tabModule .readMore i {
    display: block;
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    font-size: 18px;
}

.tabModule .shrinkMore {
    position: relative;
    display: block;
    color: #4E5969;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

/* 话题模块 */
.topicModule {
    background-color: var(--bg-white);
    padding: 0 10px;
}

.topicModule .topicList {
    margin-bottom: 10px;
}

.topicModule .topicList .topicItem {
    border-bottom: 1px solid #F2F3F5;
    padding-top: 15px;
    margin-bottom: 10px;
    position: relative;
    min-height: 16vh;
}

.topicModule .topicList .topicItem .avatarBox {
    position: relative;
    float: left;
}

.topicModule .topicList .topicItem .avatarBox .avatarLink {
    display: block;
    position: relative;
    float: left;
    padding-left: 4px;
}

.topicModule .topicList .topicItem .avatarBox .avatarLink img {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 62px;
    position: relative;
}

.topicModule .topicList .topicItem .content {
    /**
	overflow: auto;
	overflow-x: hidden;**/
    margin-left: 68px;
    margin-right: 100px;
}

.topicModule .topicList .topicItem .content .info {
    margin-top: 2px;
    margin-bottom: 8px;
    color: var(--second-color);
    padding-left: 0;
    list-style: none;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.topicModule .topicList .topicItem .content .info > li {
    display: inline-block;
}

.topicModule .topicList .topicItem .content .info .tag-container {
    margin-left: -5px;
}

.topicModule .topicList .topicItem .content .info .tag {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 5px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4E5969;
    background-color: #f2f3f5;
    position: relative;
    top: -5px;
}

.topicModule .topicList .topicItem .content .info .module {
    display: inline-block;
    min-width: 10px;
    padding: 4px 7px;
    font-size: 12px;
    color: #1890ff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #E8F7FF;
    border-radius: 2px;

}

.topicModule .topicList .topicItem .content .info .userName {
    color: var(--second-color);
    font-size: 14px;
    margin-left: 10px;
}

.topicModule .topicList .topicItem .content .info .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
    position: relative;
    top: -5px;
}

.topicModule .topicList .topicItem .content .info .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
    position: relative;
    top: -5px;
}

.topicModule .topicList .topicItem .content .info .postTime {
    margin-left: 10px;
    font-size: 14px;
}

.topicModule .topicList .topicItem .content .info .lastReplyTime {
    margin-left: 10px;
    font-size: 14px;
}

.topicModule .topicList .topicItem .content .essence {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #F76560;
    position: relative;
    top: -6px;
}

.topicModule .topicList .topicItem .content .top {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #57A9FB;
    position: relative;
    top: -6px;
}

.topicModule .topicList .topicItem .content .title {
    margin: 0 5px 0 0;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.topicModule .topicList .topicItem .content .title a {
    color: var(--color);
    font-size: 18px;
    line-height: 32px;
}

.topicModule .topicList .topicItem .content .title a:hover {
    text-decoration: none;
    color: var(--href-color);
}

.topicModule .topicList .topicItem .content .title .topicRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #F9CC45;
    position: relative;
    top: -6px;
}

.topicModule .topicList .topicItem .content .title .redEnvelope {
    font-size: 22px;
    position: relative;
    top: 4px;
    color: #ff483a;
    margin-left: 3px;
}

.topicModule .topicList .topicItem .content .title .hideTagType {
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.topicModule .topicList .topicItem .content .title .hideTagType .circle {
    border-radius: 12px;
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    position: relative;
}

.topicModule .topicList .topicItem .content .title .hideTagType .circle i {
    font-size: 14px;
    line-height: 24px;
    margin-left: 6px;
}

.topicModule .topicList .topicItem .content .title .hideTagType .point:before {
    content: ' ';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    top: 13px;
    left: 10px;
}

.topicModule .topicList .topicItem .content .title .hide_10 .circle {
    background: #ebebeb;
}

.topicModule .topicList .topicItem .content .title .hide_10 .point:before {
    background-color: #ebebeb;
}

.topicModule .topicList .topicItem .content .title .hide_10 .circle i {
    color: #b2b2b2;
}

.topicModule .topicList .topicItem .content .title .hide_20 .circle {
    background: #bbf9d5;
}

.topicModule .topicList .topicItem .content .title .hide_20 .point:before {
    background-color: #bbf9d5;
}

.topicModule .topicList .topicItem .content .title .hide_20 .circle i {
    color: #21de70;
}

.topicModule .topicList .topicItem .content .title .hide_30 .circle {
    background: #bfebfb;
}

.topicModule .topicList .topicItem .content .title .hide_30 .point:before {
    background-color: #bfebfb;
}

.topicModule .topicList .topicItem .content .title .hide_30 .circle i {
    color: #27c3fc;
}

.topicModule .topicList .topicItem .content .title .hide_40 .circle {
    background: #e2cffe;
}

.topicModule .topicList .topicItem .content .title .hide_40 .point:before {
    background-color: #e2cffe;
}

.topicModule .topicList .topicItem .content .title .hide_40 .circle i {
    color: #af82f2;
}

.topicModule .topicList .topicItem .content .title .hide_50 .circle {
    background: #fedbb2;
}

.topicModule .topicList .topicItem .content .title .hide_50 .point:before {
    background-color: #fedbb2;
}

.topicModule .topicList .topicItem .content .title .hide_50 .circle i {
    color: #fe9d2d;
}

.topicModule .highlight B {
    color: #F53F3F;
    font-weight: normal;
}

.topicModule .topicList .topicItem .content .detail {
    position: relative;
}

.topicModule .topicList .topicItem .content .detail .tm-m-photos {
    margin-top: 8px;
}

.topicModule .topicList .topicItem .content .detail .videoInfo {
    margin: 8px 5px 0 0;


}

/* 隐藏标签 IE8以下浏览器不支持自定义标签，需要在页头<head>标签内执行document.createElement('player') */
.topicModule .topicList .topicItem .content .detail .videoInfo player {
    width: 320px;
    height: 180px;
    display: block;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    background: #000;
    position: relative;
    text-align: center;
}

.topicModule .topicList .topicItem .content .detail .videoInfo player .cover {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.topicModule .topicList .topicItem .content .detail .videoInfo player .circle {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 180px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.5);
}

.topicModule .topicList .topicItem .content .detail .videoInfo player .iconBox {
    cursor: pointer;
    display: block;
    position: relative;
    width: 60px;
    height: 60px;

}

.topicModule .topicList .topicItem .content .detail .videoInfo player .iconBox .playIcon {
    font-size: 30px;
    position: absolute;
    line-height: 22px;
    width: 22px;
    height: 22px;
    top: 0;
    bottom: 0;
    left: -5px;
    right: 0;
    margin: auto;
    color: #fff;
}

.topicModule .topicList .topicItem .content .detail .dplayer-process {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.topicModule .topicList .topicItem .content .detail .dplayer-process .box {
    position: relative;
    width: 100%;
    height: 100%;
}

.topicModule .topicList .topicItem .content .detail .dplayer-process .box .prompt {
    width: 250px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0px 30px;
    border-radius: 3px;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
}

.topicModule .topicList .topicItem .content .detail .summary {
    margin: 0px 50px 0 0;
    font-size: 15px;
    line-height: 28px;
    font-weight: normal;
    text-decoration: none;
    color: var(--second-color);
}

.topicModule .topicList .topicItem .statistic {
    position: absolute;
    top: 17px;
    right: 0px;
    font-size: 14px;
    color: var(--second-color);
}

.topicModule .topicList .topicItem .statistic .viewTotal {
    float: left;
    margin-right: 4px;
    min-width: 60px;
}

.topicModule .topicList .topicItem .statistic .viewTotal .icon {
    margin-left: 3px;
    position: relative;
    top: 1px;
    color: var(--second-color);
}

.topicModule .topicList .topicItem .statistic .commentTotal {
    float: right;
    margin-right: 10px;
    min-width: 50px;
}

.topicModule .topicList .topicItem .statistic .commentTotal .icon {
    margin-left: 3px;
    position: relative;
    top: 1px;
    color: var(--second-color);
}

.topicModule .topicPage {
    padding-top: 20px;
    background-color: var(--bg-white);
    height: 54px;
    overflow: hidden;
}


/* 提交话题 */
.topic-formModule {
    margin-top: 10px;
}

.topic-formModule .addTopic-wrap {
    position: relative;
    background-color: var(--bg-white);
    padding: 15px 18px 5px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.topic-formModule .addTopic-wrap .textarea {
    width: 100%;
    height: 300px;
    visibility: hidden;
}

.topic-formModule .addTopic-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 60px;
}

.topic-formModule .addTopic-wrap .text {
    position: relative;
    top: 1px;
}

.topic-formModule .addTopic-wrap .redEnvelope {
    position: absolute;
    right: 15px;
    top: 20px;
    cursor: pointer;
    color: #6B7785;
}

.topic-formModule .addTopic-wrap .redEnvelope:hover {
    color: #1890ff;
}

.topic-formModule .addTopic-wrap .redEnvelope .txt {
    position: relative;
    top: -1px;
    font-size: 15px;
}

.topic-formModule .addTopic-wrap .redEnvelope .icon {

}

.topic-formModule .addTopic-wrap .error {
    color: #F76560;
    position: relative;
    top: 1px;
}

.topic-formModule .addTopic-wrap .help {
    color: #A9AEB8;
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.topic-formModule .addTopic-wrap .topicSubmit {
    width: 70px;
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2;
}

.topic-formModule .addTopic-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.topic-formModule .addTopic-wrap .captchaModule .captchaBox {
    height: 32px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;
    border-radius: 2px;
    margin-left: 10px;
    margin-top: 1px;
}

.topic-formModule .addTopic-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.topic-formModule .addTopic-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.topic-formModule .addTopic-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 1px 15px 0 5px;
}

.topic-formModule .addTopic-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.topic-formModule .addTopic-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.topic-formModule .addTopic-wrap .captchaModule .tips span {
    color: #F76560;
}

/* 添加话题模块(未登录) */
.addTopicModule {
    margin-top: 10px;
}

.addTopicModule .addTopic-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.addTopicModule .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.addTopicModule .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}

.addTopicModule .respond a {
    color: #1890ff;
}

/* 全站关闭发表话题 */
.addTopic-disableFormModule {
    margin-top: 10px;
}

.addTopic-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
}

.addTopic-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.addTopic-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8
}


.topicContentModule {
    margin: 10px auto auto auto;
}

.topicContentModule .left {
    float: left;
    width: 780px;
    height: auto;
}

.topicContentModule .left .topic-wrap {
    /*background-color: var(--bg-white);*/
    /*box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);*/
    position: relative;
}

.topicContentModule .left .topic-wrap .topicTag {
    padding-top: 15px;
    margin-left: 15px;
}

.topicContentModule .left .topic-wrap .topicTag .tag {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 8px 6px 8px;
    margin-right: 5px;
    border-radius: 3px;
    color: #4E5969;
    background-color: #f2f3f5;
    position: relative;
}

.topicContentModule .left .topic-wrap .topicTag .tag:hover {
    background-color: #e5e6eb;
    color: #4E5969;
    text-decoration: none;
}

.topicContentModule .left .topic-wrap .editTopic {
    position: absolute;
    right: 5px;
    top: 20px;
}

.topicContentModule .left .topic-wrap .editTopic i {
    font-size: 16px;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.topicContentModule .left .topic-wrap .editTopic a {
    font-size: 15px;
    margin-right: 8px;
}

.topicContentModule .left .topic-wrap .topicBox {
    height: auto;


    padding: 15px 15px 15px 15px;
}

.topicContentModule .left .topic-wrap .topicBox .title {
    color: #1D2129;
    font-size: 24px;
    border: none;
    line-height: 34px;
    margin: 9px 0 18px 0;
}

.topicContentModule .left .topic-wrap .topicBox .title .essence {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 4px;
    margin-right: 1px;
    font-size: 15px;
    line-height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #F76560;
    position: relative;
    top: -1px;
}

.topicContentModule .left .topic-wrap .topicBox .title .top {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 4px;
    margin-right: 1px;
    font-size: 15px;
    line-height: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #57A9FB;
    position: relative;
    top: -1px;
}

.topicContentModule .left .topic-wrap .topicBox .topicInfo {
    color: var(--second-color);
    font-size: 14px;
}

.topicContentModule .left .topic-wrap .topicBox .topicInfo .postTime {
    float: left;
}

.topicContentModule .left .topic-wrap .topicBox .topicInfo .viewTotal-icon {
    float: left;
    margin-left: 20px;
    margin-top: 4px;
}

.topicContentModule .left .topic-wrap .topicBox .topicInfo .viewTotal {
    float: left;
    margin-left: 3px;
}

.topicContentModule .left .topic-wrap .topicBox .topicInfo .comment-icon {
    float: left;
    margin-left: 20px;
    margin-top: 4px;
}

.topicContentModule .left .topic-wrap .topicBox .topicInfo .comment {
    float: left;
    margin-left: 3px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent .lastUpdateTime {
    text-align: center;
    line-height: 40px;
    padding-bottom: 30px;
    color: #86909C;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent {
    border-top: 1px solid #F2F3F5;
    margin-top: 5px;
    padding: 20px 0px;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    word-wrap: break-word;
    min-height: 100px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent a {
    color: #1890ff;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent p {
    font-size: 16px;
    word-wrap: break-word
}

.topicContentModule .left .topic-wrap .topicBox .topicContent img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    vertical-align: sub;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent table {
    width: 100%;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent table th {
    font-weight: 600
}

.topicContentModule .left .topic-wrap .topicBox .topicContent table td,
.topicContentModule .left .topic-wrap .topicBox .topicContent table th {
    border: 1px solid #E5E6EB;
    padding: 6px 13px
}

.topicContentModule .left .topic-wrap .topicBox .topicContent table tr {
    background-color: var(--bg-white);
    border-top: 1px solid #E5E6EB;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent table tr:nth-child(2n) {
    background-color: #F7F8FA;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent ul li {
    margin-left: 20px;
    list-style-type: disc;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent iframe {
    width: 100%;
    height: 550px;
    padding: 10px 0px;
}

/* 隐藏标签 IE8以下浏览器不支持自定义标签，需要在页头<head>标签内执行document.createElement('player') */
.topicContentModule .left .topic-wrap .topicBox .topicContent player {
    width: 100%;
    height: 576px;
    display: block;
    margin-top: 10px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent .dplayer-process {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent .dplayer-process .box {
    position: relative;
    width: 100%;
    height: 100%;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent .dplayer-process .box .prompt {
    width: 250px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0px 30px;
    border-radius: 3px;
    color: #fff;
    line-height: 80px;
    font-size: 20px;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
}

/* 隐藏标签 IE8以下浏览器不支持自定义标签，需要在页头<head>标签内执行document.createElement('hide') */
.topicContentModule .left .topic-wrap .topicBox .topicContent hide {
    display: block;
    background: #F7F8FA;
    min-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 17px;
    margin-bottom: 15px;
    border: 3px dashed #E5E6EB;
    border-radius: 5px;

}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .hide-box {
    margin: 20px;
    position: relative;
    text-align: center;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .background-image {
    margin: auto;
    margin-top: 15px;
    font-size: 52px;
    color: #C9CDD4;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .background-prompt {
    margin-top: 5px;
    color: #A9AEB8;
    font-size: 16px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .highlight {
    font-weight: bold;
}

/*border:#a9a9a9 solid 2px;  边框#b2b5bc #777777*/
.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box {
    pointer-events: none;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 25px;
    border: #6B7785 solid 2px;
    width: 226px;
    height: 26px;
    overflow: hidden;
    border-radius: 2px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box:hover {
    border: #4E5969 solid 2px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box:hover .button {
    border: transparent solid 0px;
    background: #4E5969;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .text {
    pointer-events: auto;
    width: 145px;
    height: 26px;
    line-height: 26px;
    border: 0;
    float: left;
    font-size: 14px;
    color: #4E5969;
    text-indent: 6px;
    vertical-align: middle;
    outline: none;
    background: #F7F8FA;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .button {
    pointer-events: auto;
    width: 79px;
    *width: 76px;
    height: 26px;
    line-height: 28px;
    border: 0;
    background: #6B7785;
    font-size: 15px;
    color: #fff;
    float: right;
    cursor: pointer;
    text-decoration: none;
    outline: none
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .button:hover {
    background: #4E5969;
}

/*background:#606060;*/
.topicContentModule .left .topic-wrap .topicBox .topicContent hide .submit-box {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 25px;
    border: #6B7785 solid 2px;
    width: 96px;
    height: 26px;
    overflow: hidden;
    border-radius: 2px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .submit-box:hover {
    border: #4E5969 solid 2px;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .submit-box .button {
    pointer-events: auto;
    width: 96px;
    height: 26px;
    line-height: 28px;
    border: 0;
    background: #6B7785;
    font-size: 15px;
    color: #fff;
    float: right;
    cursor: pointer;
    text-decoration: none;
    outline: none
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .submit-box .button:hover {
    background: #4E5969;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .text::-webkit-input-placeholder {
    color: #6B7785;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .text:-ms-input-placeholder {
    color: #6B7785;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .text:-moz-placeholder {
    color: #6B7785;
}

.topicContentModule .left .topic-wrap .topicBox .topicContent hide .input-box .text::-moz-placeholder {
    color: #6B7785;
}

/* 自动换行 */
.topicContentModule .left .topic-wrap .topicBox .topicContent pre {
    white-space: pre-wrap;
}

.topicContentModule .right {
    float: right;
    width: 300px;
    height: auto;
    padding-bottom: 10px;
}

.topicContentModule .right .userInfo-wrap {

}

.topicContentModule .right .userInfo-wrap .userInfo {
    padding: 20px 0 20px 0;
    margin-left: 8px;
    margin-right: 8px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.topicContentModule .right .userInfo-wrap .userInfo .author {
    text-align: center;
}

.topicContentModule .right .userInfo-wrap .userInfo .author img {
    width: 70px;
    height: 70px;
    border-radius: 50%;

}

.topicContentModule .right .userInfo-wrap .userInfo .name {
    font-size: 18px;
    text-align: center;
    margin: 10px auto;
}

.topicContentModule .right .userInfo-wrap .userInfo .name a {
    color: var(--color);
}

.topicContentModule .right .userInfo-wrap .userInfo .role {
    text-align: center;
}

.topicContentModule .right .userInfo-wrap .userInfo .role .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-right: 3px;
    font-size: 13px;
    line-height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
}

.topicContentModule .right .userInfo-wrap .userInfo .role .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
}

.topicContentModule .right .userInfo-wrap .userInfo ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 18px 0;
    border-top: 1px solid #F2F3F5;
    margin-top: 40px;
}

.topicContentModule .right .userInfo-wrap .userInfo ul li {
    float: left;
    width: 33%;
}

.topicContentModule .right .userInfo-wrap .userInfo ul li span {
    display: block;
    text-align: center;
}

.topicContentModule .right .userInfo-wrap .userInfo ul li span a {
    color: #333;
    margin-bottom: 0px;
}

.topicContentModule .right .userInfo-wrap .userInfo ul li span:nth-child(1) {
    font-family: splity, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #4E5969;
}

.topicContentModule .right .userInfo-wrap .userInfo ul li span:nth-child(2) {
    font-size: 12px;
    color: #9ca0ad;
}

.topicContentModule .right .userInfo-wrap .userInfo ul li span:nth-child(2) a {
    color: #86909C;
}

.topicContentModule .right .userInfo-wrap .userInfo .action-button {
    text-align: center;
    margin: 8px 0 5px 0;
}

.topicContentModule .right .userInfo-wrap .userInfo .action-button .privateMessageBox {

}

.topicContentModule .right .userInfo-wrap .userInfo .action-button .privateMessageBox .privateMessageButton {
    color: #20a0ff;
    border-color: #20a0ff;
    outline: none;
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px;
    margin: 0;

}

.topicContentModule .right .userInfo-wrap .userInfo .action-button .privateMessageBox .privateMessageButton:hover {
    background: #E8F3FF;
}


/* 评论 */
.commentModule {
    margin-top: 10px;
    padding: 0px 10px 50px 10px;
    position: relative;
    padding-bottom: 0;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.commentModule .commentList {
    list-style: none;
    font-size: 15px;
}

.commentModule .commentList .commentInfo {
    padding: 15px 0 5px 77px;
    border-bottom: 1px solid #F2F3F5;
}

.commentModule .commentList .commentInfo .comment-author {
    position: relative;
    color: #86909C
}

.commentModule .commentList .commentInfo .comment-author img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -72px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.commentModule .commentList .comment-author .info-container {
    font-style: normal;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.commentModule .commentList .comment-author .info-container .userName {
    display: inline-block;
    color: #86909c;
    font-size: 14px;
}

.commentModule .commentList .comment-author .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
    position: relative;
    top: -5px;
}

.commentModule .commentList .comment-author .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
    position: relative;
    top: -5px;
}

.commentModule .commentList .comment-author .master {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #4cc8ff;
    position: relative;
    top: -5px;
}

.commentModule .commentList .commentInfo .commentTime {
    margin-top: 3px;
    margin-bottom: 5px;
    color: #A9AEB8;;
    font-size: 13px;
}

.commentModule .commentList .commentInfo .commentTime a {
    color: #A9AEB8;
}

.commentModule .commentList .commentInfo .commentContent {
    padding: 0px;
    word-wrap: break-word;
    color: #272E3B;
    font-size: 15px;
    line-height: 1.75;
    margin-top: 20px;
}

/* 评论图片尺寸 */
.commentModule .commentList .commentInfo .commentContent img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: sub;
}

/* 自动换行 */
.commentModule .commentList .commentInfo .commentContent pre {
    white-space: pre-wrap;
}

.commentModule .commentList .quote {
    padding: 5px 8px;
    border-bottom: none;
    text-align: left;
    margin-top: 20px;
}

.commentModule .commentList .quote .quoteComment {
    background: #F7F8FA;
    padding: 5px 8px 8px 8px;
    border: 1px solid #E5E6EB;
    line-height: 140%;
    margin-bottom: 6px;
    line-height: 28px;
    border-radius: 3px;
}

.commentModule .commentList .quote .quoteComment .userName {
    font-size: 14px;
    height: 30px;
    position: relative;
    margin-left: 26px;
}

.commentModule .commentList .quote .quoteComment .userName a {
    color: #86909C;
}

.commentModule .commentList .quote .quoteComment .avatarBox {
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    left: -26px;
    top: -1px;

}

.commentModule .commentList .quote .quoteComment .avatarBox img {
    border-radius: 100%;
    width: 22px;

}

.commentModule .commentList .replyList {
    padding: 10px 0 0px;
    margin-left: 36px;
    margin-right: 10px;
    position: relative;
    line-height: 22px;
    margin-top: 20px;
    background: #F7F8FA;
}

.commentModule .commentList .replyList:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #F7F8FA;
    border-left: 1px solid #F7F8FA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #F7F8FA;
    top: -4px;
    left: 60px
}

.commentModule .commentList .replyList .box li {
    *zoom: 1;
    margin-bottom: 10px;
    border-bottom: 1px solid #EDEEF1;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.commentModule .commentList .replyList .box li:last-child {
    border-bottom: 1px solid #fff;

}

.commentModule .commentList .replyList .box li:before,
.commentModule .commentList .replyList .box li:after {
    content: "";
    display: table;
    font: 0/0 a
}

.commentModule .commentList .replyList .box li:after {
    clear: both;
}

.commentModule .commentList .replyList .box li .reply-top {
    position: relative;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}


.commentModule .commentList .replyList .box li .reply-top .avatarBox {
    position: absolute;
    border-radius: 100%;
    left: 0px;
}

.commentModule .commentList .replyList .box li .reply-top .avatarBox img {
    border-radius: 100%;
    width: 38px;
    height: 38px;
    margin-top: -2px;
}

.commentModule .commentList .replyList .box li .reply-top .userName {
    display: inline-block;
    color: #86909C;
    margin-left: 48px;
    margin-top: 6px;
    font-size: 14px;
}

.commentModule .commentList .replyList .box li .reply-top .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
    position: relative;
    top: -5px;
}

.commentModule .commentList .replyList .box li .reply-top .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
    position: relative;
    top: -5px;
}

.commentModule .commentList .replyList .box li .reply-top .master {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #4cc8ff;
    position: relative;
    top: -5px;
}

.commentModule .commentList .replyList .box li .reply-top .time {
    float: right;
    color: #A9AEB8;
    font-size: 13px;
    margin-top: 5px;
}

.commentModule .commentList .replyList .box li .reply-top .time a {
    margin-right: 6px;
}

.commentModule .commentList .replyList .box li .reply-top .time a i {
    font-size: 15px;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

.commentModule .commentList .replyList .box li .replyContent {
    font-size: 15px;
    line-height: 26px;
    color: #4E5969;
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;

}


.commentModule .commentList .tipBottom {
    font-size: 13px;
    margin: 25px 10px 5px 50px;
    text-align: right;
}

.commentModule .commentList .tipBottom .a-toolbar {
    display: block;
    width: 100%;
}

.commentModule .commentList .tipBottom .a-toolbar a {
    color: #A9AEB8;
    margin-left: 10px;
}

.commentModule .commentList .tipBottom .a-toolbar a i {
    font-size: 15px;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

.commentModule .commentList .tipBottom .a-toolbar a:hover {
    color: #1890ff;
}

.commentPage {
    margin-top: 12px;
    margin-right: 8px;
    height: 50px;
}


/* 回复评论  */
.commentModule .commentList .commentReply-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.commentReply-formModule {
    margin-top: 10px;

}

.commentReply-formModule .addReply-wrap {
    position: relative;
    padding: 0px 0px 50px 0px;
}

.commentReply-formModule .addReply-wrap .reply-textarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    height: 150px;
    width: 100%;

}

.commentReply-formModule .addReply-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.commentReply-formModule .addReply-wrap .error {
    color: #F76560;
    font-size: 14px;
    line-height: 30px;
}

.commentReply-formModule .addReply-wrap .replySubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.commentReply-formModule .addReply-wrap .submitButton-box {
    margin-right: 5px;
}

.commentReply-formModule .addReply-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;

}

.commentReply-formModule .addReply-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.commentReply-formModule .addReply-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.commentReply-formModule .addReply-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.commentReply-formModule .addReply-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.commentReply-formModule .addReply-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.commentReply-formModule .addReply-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.commentReply-formModule .addReply-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.commentReply-formModule .addReply-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;
    border-radius: 2px;
}

.commentReply-formModule .addReply-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.commentReply-formModule .addReply-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.commentReply-formModule .addReply-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.commentReply-formModule .addReply-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.commentReply-formModule .addReply-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.commentReply-formModule .addReply-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.commentReply-formModule .addReply-wrap .captchaModule .tips span {
    color: #F76560;
    font-size: 14px;
}

.commentReply-disableFormModule {
    margin-top: 10px;
}

.commentReply-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 0px 15px 0px;
}

.commentReply-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.commentReply-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 修改评论回复  */
.commentModule .commentlist .editCommentReply-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.editCommentReply-formModule {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.editCommentReply-formModule .editReply-wrap {
    position: relative;
    padding: 0px 0px 50px 0px;
}

.editCommentReply-formModule .editReply-wrap .reply-textarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    height: 150px;
    width: 100%;

}

.editCommentReply-formModule .editReply-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.editCommentReply-formModule .editReply-wrap .error {
    color: #F76560;
    font-size: 14px;
    line-height: 30px;
}

.editCommentReply-formModule .editReply-wrap .replySubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.editCommentReply-formModule .editReply-wrap .submitButton-box {
    margin-right: 5px;
}

.editCommentReply-formModule .editReply-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editCommentReply-formModule .editReply-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.editCommentReply-formModule .editReply-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.editCommentReply-formModule .editReply-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.editCommentReply-formModule .editReply-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editCommentReply-formModule .editReply-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.editCommentReply-formModule .editReply-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
    background-color: var(--bg-white);
}

.editCommentReply-formModule .editReply-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.editCommentReply-formModule .editReply-wrap .captchaModule .tips span {
    color: #F76560;
    font-size: 14px;
}

.editCommentReply-disableFormModule {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.editCommentReply-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    border-radius: 3px;
    padding: 15px 0px 15px 0px;
}

.editCommentReply-disableFormModule .disableForm-wrap .respond {
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.editCommentReply-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 引用评论  */
.commentModule .commentlist .quote-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.quote-formModule {
    margin-top: 50px;

}

.quote-formModule .addQuote-wrap {
    position: relative;
    padding: 20px 20px 65px 20px;
    background: #F7F8FA;
}

.quote-formModule .addQuote-wrap .head {
    /**
	border-bottom :3px solid #f1f1f1;
	margin-bottom: 10px;
	position: relative;**/
}

.quote-formModule .addQuote-wrap .head .icon {
    position: absolute;
    font-size: 52px;
    top: -38px;
    left: -42px;
    color: #F7F8FA;
}

.quote-formModule .addQuote-wrap .quote-textarea {
    width: 100%;
    visibility: hidden;
    height: 200px;
}

.quote-formModule .addQuote-wrap .promptInfo {
    position: absolute;
    right: 15px;
    bottom: 32px;
}

.quote-formModule .addQuote-wrap .promptInfo h2 {
    font-size: 16px;
    color: #ccc;
}

.quote-formModule .addQuote-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.quote-formModule .addQuote-wrap .error {
    color: #F76560;
    font-size: 14px;
}

.quote-formModule .addQuote-wrap .quoteSubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.quote-formModule .addQuote-wrap .submitButton-box {
    margin-right: 5px;
}

.quote-formModule .addQuote-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.quote-formModule .addQuote-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.quote-formModule .addQuote-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.quote-formModule .addQuote-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.quote-formModule .addQuote-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.quote-formModule .addQuote-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.quote-formModule .addQuote-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.quote-formModule .addQuote-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.quote-formModule .addQuote-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
    background-color: var(--bg-white);
}

.quote-formModule .addQuote-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.quote-formModule .addQuote-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.quote-formModule .addQuote-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.quote-formModule .addQuote-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.quote-formModule .addQuote-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.quote-formModule .addQuote-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.quote-formModule .addQuote-wrap .captchaModule .tips span {
    color: #F76560;
    font-size: 14px;
}


.quote-disableFormModule {
    margin-top: 10px;
}

.quote-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 0px 15px 0px;
}

.quote-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.quote-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 评论提交*/
.comment-formModule {
    margin-top: 10px;

}

.comment-formModule .addComment-wrap {
    position: relative;
    background-color: var(--bg-white);
    padding: 15px 18px 60px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.comment-formModule .addComment-wrap .textarea {
    width: 100%;
    visibility: hidden;
    height: 200px;
}

.comment-formModule .addComment-wrap .promptInfo {
    position: absolute;
    right: 15px;
    bottom: 45px;
}

.comment-formModule .addComment-wrap .promptInfo h2 {
    font-size: 16px;
    color: #C9CDD4;
}

.comment-formModule .addComment-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.comment-formModule .addComment-wrap .error {
    color: #F76560;
}

.comment-formModule .addComment-wrap .commentSubmit {
    width: 70px;
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.comment-formModule .addComment-wrap .captchaModule {
    float: left;
}

.comment-formModule .addComment-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.comment-formModule .addComment-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;
    margin-left: 10px;
    border-radius: 2px;
}

.comment-formModule .addComment-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.comment-formModule .addComment-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.comment-formModule .addComment-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.comment-formModule .addComment-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.comment-formModule .addComment-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.comment-formModule .addComment-wrap .captchaModule .tips {
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
}

.comment-formModule .addComment-wrap .captchaModule .tips span {
    color: #F76560;
}

/* 修改评论  */
.commentModule .commentlist .editComment-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.editComment-formModule {
    margin-top: 50px;

}

.editComment-formModule .editComment-wrap {
    position: relative;
    padding: 20px 20px 65px 20px;
    background: #F7F8FA;
}

.editComment-formModule .editComment-wrap .head .icon {
    position: absolute;
    font-size: 50px;
    top: -38px;
    left: -42px;
    color: #F7F8FA;
}

.editComment-formModule .editComment-wrap .editComment-textarea {
    width: 100%;
    visibility: hidden;
    height: 200px;
}

.editComment-formModule .editComment-wrap .promptInfo {
    position: absolute;
    right: 15px;
    bottom: 32px;
}

.editComment-formModule .editComment-wrap .promptInfo h2 {
    font-size: 16px;
    color: #ccc;
}

.editComment-formModule .editComment-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.editComment-formModule .editComment-wrap .error {
    color: #F76560;
    font-size: 14px;
}

.editComment-formModule .editComment-wrap .editCommentSubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.editComment-formModule .editComment-wrap .submitButton-box {
    margin-right: 5px;
}

.editComment-formModule .editComment-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editComment-formModule .editComment-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.editComment-formModule .editComment-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.editComment-formModule .editComment-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.editComment-formModule .editComment-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editComment-formModule .editComment-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.editComment-formModule .editComment-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.editComment-formModule .editComment-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.editComment-formModule .editComment-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
    background-color: var(--bg-white);
}

.editComment-formModule .editComment-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.editComment-formModule .editComment-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.editComment-formModule .editComment-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.editComment-formModule .editComment-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.editComment-formModule .editComment-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.editComment-formModule .editComment-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.editComment-formModule .editComment-wrap .captchaModule .tips span {
    color: #F76560;
}


.editComment-disableFormModule {
    margin-top: 10px;
}

.editComment-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 0px 15px 0px;
}

.editComment-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.editComment-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 添加评论模块(未登录) */
.addCommentModule {
    margin-top: 10px;
}

.addCommentModule .addComment-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.addCommentModule .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.addCommentModule .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}

.addCommentModule .respond a {
    color: #1890ff;
}


/* 红包 */
.redEnvelopeModule {
    margin-top: 10px;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.redEnvelopeModule .redEnvelope {
    margin-bottom: 10px;
    padding: 20px 15px 20px;
    margin: 0 auto;
    width: 220px;
}

.redEnvelopeModule .redEnvelope .box {
    border-radius: 16px;
    background-color: #ff483a;
    overflow: hidden;
    position: relative;
    color: #FFFFFF;
}

.redEnvelopeModule .redEnvelope .box .head {
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    width: 150%;
    border-bottom: 2px solid #e03d19;
    background-image: linear-gradient(-180deg, #ff583f 0%, #ff483a 100%);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    min-height: 90px;
}

.redEnvelopeModule .redEnvelope .box .body {

}

/**
.redEnvelopeModule .redEnvelope .box .content{
	padding: 50px 0;
	text-align: center;
	color: #fff;
}**/
.redEnvelopeModule .redEnvelope .box .body .content {
    margin-top: 120px;
    margin-bottom: 50px;
    color: #fed68e;
    font-size: 18px;
    height: 30px;
    position: relative;
    margin-left: 76px;
}

.redEnvelopeModule .redEnvelope .box .body .content .avatarBox {
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    left: -56px;
    top: -10px;

}

.redEnvelopeModule .redEnvelope .box .body .content .avatarBox img {
    border-radius: 100%;
    width: 48px;
}


.redEnvelopeModule .redEnvelope .box .btn {
    border: none;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fed848;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 40px;
    color: #dc972e;
    border-radius: 100%;
    cursor: pointer;
    transition: transform 0.3s;
    transform-origin: 0 50%;

    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.redEnvelopeModule .redEnvelope .box .btn:hover {
    transform: scale(1.2) translateX(-50%); /* perspective(1px) translate3d(0,0,0) */
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.redEnvelopeModule .redEnvelope .box .open-btn {
    border: none;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fed848;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    color: #dc972e;
    border-radius: 100%;
    cursor: pointer;
    transition: transform 0.3s;
    transform-origin: 0 50%;
}


.redEnvelopeModule .receiveRedEnvelopeUser {
    margin-left: 25px;
    padding-bottom: 15px;
    margin-right: 25px;
    position: relative;
}

.redEnvelopeModule .receiveRedEnvelopeUser .box {
    text-align: center;
    margin-left: -10px;
}

.redEnvelopeModule .receiveRedEnvelopeUser .avatar {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;

    display: inline-block;

    background: #fff no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #fff;
    vertical-align: bottom;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}

.redEnvelopeModule .receiveRedEnvelopeUser .avatar {
    margin-right: -15px !important;
}

.redEnvelopeModule .receiveRedEnvelopeUser .avatar:hover {
    margin-right: -4px !important;
    transition-duration: 0.3s;
}

.redEnvelopeModule .receiveRedEnvelopeUser .more {
    width: 20px;
    height: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto;
}

.redEnvelopeModule .receiveRedEnvelopeUser .more .icon {
    font-size: 15px;
}

.redEnvelopeModule .receiveRedEnvelopeUser .more .icon:hover {
    color: #1890ff;
}

.redEnvelopeModule .noRedEnvelope {
    margin-bottom: 10px;
    padding: 20px 15px 20px;
    margin: 0 auto;
    width: 220px;
}

.redEnvelopeModule .noRedEnvelope .box {
    border-radius: 16px;
    background-color: #ff483a;
    overflow: hidden;
    position: relative;
    color: #FFFFFF;
}

.redEnvelopeModule .noRedEnvelope .box .content {
    color: #fed68e;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
}


/* 相关话题 */
.likeTopicModule {
    /*margin-top: 10px;*/
    /*background-color: var(--bg-white);*/
    /*box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);*/
}

.likeTopicModule .likeTopic {
    margin-bottom: 10px;
    padding: 0 15px 0;
}

.likeTopicModule .likeTopic .title {
    font-size: 17px;
    padding: 18px 0 15px 0;
    color: #272E3B;
    border-bottom: 1px solid #F2F3F5;
}

.likeTopicModule .likeTopic .topicList {
    font-size: 15px;
    margin-top: 10px;
}

.likeTopicModule .likeTopic .topicList > .topic-title {
    counter-increment: index;
    display: flex;
    flex-direction: row;
    padding-top: 5px;
    padding-bottom: 5px;
}

.likeTopicModule .likeTopic .topicList > .topic-title::before {
    content: counter(index);
    display: flex;
    width: 22px;
    height: 22px;
    /*background-color: #F7F8FA;*/
    /*color: #86909C;*/
    background-color: rgb(31 110 212 / 61%);
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
    flex: none;
    align-items: center;
    justify-content: center;

}

.likeTopicModule .likeTopic .topicList > .topic-title .top::before {
    background-color: #1890ff;
    color: #fff;
}

.likeTopicModule .likeTopic .topicList > .topic-title > a {
    display: block;
    word-break: break-word;
    flex: auto;
    margin-left: 8px;
    position: relative;
    top: -1px;
    color: #4E5969;
}

.likeTopicModule .likeTopic .topicList > .topic-title > a:hover {
    color: #1890ff;
}

/** 收藏夹表单模块 **/
.favorite-formModule {
    text-align: center;
    margin: 100px 0 30px 0;
}

/** 带数字按钮 **/
.numberButton {
    margin-right: 10px;
}

.numberButton .button {
    position: relative;
    color: #fff;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    outline: none;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px 0px 0px 3px;
    margin: 0;
    text-decoration: none;
}

.numberButton .button:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.numberButton .number {
    position: relative;
    color: #45b6f7;
    background: none;
    border-top: 1px solid #20a0ff;
    border-bottom: 1px solid #20a0ff;
    border-right: 1px solid #20a0ff;
    outline: none;
    display: inline-block;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border-radius: 0px 3px 3px 0px;
    margin: 0px 0px 0px -5px;
    text-decoration: none;
}


/** 在线留言 **/
.addFeedbackModule {
    background-color: var(--bg-white);
    padding: 10px 40px 40px 40px;
    width: 600px;
    margin: 20px auto;
}

.addFeedbackModule .title {
    font-size: 18px;
}

.addFeedbackModule .title span {
    color: #20a0ff;
    border-bottom: 2px solid #20a0ff;
    padding: 4px 8px 4px 8px;
}

.addFeedbackModule .box {
    margin-top: 8px;
}

.addFeedbackModule .box textarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    height: 150px;
    width: 100%;
}

.addFeedbackModule .submitButton-box {
    margin-top: 20px;
}

.addFeedbackModule .submitButton-box a {
    width: 180px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.addFeedbackModule .submitButton-box a:hover {
    background: #58b7ff;
    text-decoration: none;
}


.addFeedbackModulePrompt {
    margin-top: 10px;
}

.addFeedbackModulePrompt .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
}

.addFeedbackModulePrompt .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 80px;
    text-align: center;
}

.addFeedbackModulePrompt .respond p {
    font-size: 18px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 友情链接 */
.linkModule {
    margin-top: 10px;

}

.linkModule .link-box {
    background-color: var(--bg-white);
    padding: 0px 15px 0px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.linkModule .link-box .title {
    clear: both;
    padding: 10px 0 0 2px;
    color: var(--color);
    font-size: 17px;
    line-height: 38px;
    border-bottom: 1px dashed #E5E6EB;
}

.linkModule .link-box .links-logo {
    clear: both;
    padding: 10px 0px 0px 0px;
}

.linkModule .link-box .links-logo li {
    width: 170px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.linkModule .link-box .links-text {
    padding: 0px 0px 10px 0px;
}

.linkModule .link-box .links-text li {
    float: left;
    width: 170px;
    font-size: 14px;
    line-height: 22px;
    margin-right: 10px;
}


/* 消息页 */
.messageModule {
    height: 300px;
    margin-top: 50px;
    text-align: center;
    /*background-color: var(--bg-white);*/
    font-size: 15px;
}

.messageModule h1 {
    margin-top: 80px;
    font-size: 26px;
}

/* 注册 */
.registerModule {
    background-color: var(--bg-white);
    padding: 25px 40px 40px 40px;
    width: 600px;
    margin: 20px auto;

}

.registerModule .tabs-nav {
    font-size: 18px;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.registerModule .tabs-nav .tabs-tab {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 4px;
    margin: 0 20px 0 0;
    height: 41px;
    line-height: 41px
}

.registerModule .tabs-nav .tabs-tab:last-child {
    margin-right: 0
}

.registerModule .tabs-nav .tabs-tab > a:hover {
    color: #20a0ff;
}

.registerModule .tabs-nav .tabs-tab > a {
    color: #86909C;
}

.registerModule .tabs-nav .tabs-tab .active {
    color: #20a0ff;
    border-bottom: 2px solid #20a0ff;
    padding: 4px 8px 4px 8px;
}

.registerModule .box {
    margin-top: 8px;
}

.registerModule .box .otherInfo {
    height: 40px;
    line-height: 40px;
    padding-top: 30px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 5px;
}

.registerModule .box .otherInfo a {
    color: #20a0ff;
    margin-left: 5px;
}

.registerModule .box .loginButton a {
    width: 100%;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.registerModule .box .loginButton a:hover {
    background: #58b7ff;
    text-decoration: none;
}

.registerModule .prohibitRegister {
    margin-top: 10px;
    display: none;
}

.registerModule .prohibitRegister .addAnswer-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
}

.registerModule .prohibitRegister .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 80px;
    text-align: center;
}

.registerModule .prohibitRegister .respond p {
    font-size: 20px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}

/* 登录 */
/*box-shadow: 0 0px 3px 0 rgba(0,0,0,.02), 0 4px 8px 0 rgba(0,0,0,.02);*/
.loginModule {
    background-color: var(--bg-white);
    padding: 25px 40px 40px 40px;
    width: 420px;
    margin: 30px auto;
}

.loginModule .tabs-nav {
    font-size: 18px;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.loginModule .tabs-nav .tabs-tab {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 4px;
    margin: 0 20px 0 0;
    height: 41px;
    line-height: 41px
}

.loginModule .tabs-nav .tabs-tab:last-child {
    margin-right: 0
}

.loginModule .tabs-nav .tabs-tab > a:hover {
    color: #20a0ff;
}

.loginModule .tabs-nav .tabs-tab > a {
    color: #86909C;
}

.loginModule .tabs-nav .tabs-tab .active {
    color: #20a0ff;
    border-bottom: 2px solid #20a0ff;
    padding: 4px 8px 4px 8px;
}

.loginModule .box {
    margin-top: 8px;
}

.loginModule .box .otherInfo {
    height: 40px;
    line-height: 40px;
    padding-top: 30px;
    overflow: hidden;
    font-size: 14px;
}

.loginModule .box .otherInfo a {
    float: right;
    color: #1890ff;
}

.loginModule .box .otherInfo input {
    position: relative;
    top: 1px;
}

.loginModule .box .loginButton a {
    width: 100%;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.loginModule .box .loginButton a:hover {
    background: #58b7ff;
    text-decoration: none;
}


.loginModule .otherLogin {
    width: 420px;
    margin: 0 auto;
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 14px;
}

.loginModule .otherLogin .title {
    color: rgba(0, 0, 0, .2);
    width: 100px;
    margin: -12px auto 0;
    background-color: var(--bg-white);
    text-align: center
}

.loginModule .otherLogin .link {
    text-align: center;
    margin: 10px 0 0px;
}

.loginModule .otherLogin .link a {
    display: inline-block;
    width: 48px;
    color: rgba(0, 0, 0, .4);
    margin: 0 10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.loginModule .otherLogin .link .icon-10 {
    background-image: url('../images/weixin.svg');
    width: 30px;
    height: 30px;
}

.loginModule .otherLogin .link .icon-50 {
    background-image: url('../images/other-login.svg');
    width: 30px;
    height: 30px;
}


/* 找回密码 */
.findPassWordModule {
    background-color: var(--bg-white);
    padding: 25px 40px 40px 40px;
    width: 420px;
    margin: 30px auto;

}

.findPassWordModule .tabs-nav {
    font-size: 18px;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.findPassWordModule .tabs-nav .tabs-tab {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 4px;
    margin: 0 20px 0 0;
    height: 41px;
    line-height: 41px
}

.findPassWordModule .tabs-nav .tabs-tab:last-child {
    margin-right: 0
}

.findPassWordModule .tabs-nav .tabs-tab > a:hover {
    color: #20a0ff;
}

.findPassWordModule .tabs-nav .tabs-tab > a {
    color: #86909C;
}

.findPassWordModule .tabs-nav .tabs-tab .active {
    color: #20a0ff;
    border-bottom: 2px solid #20a0ff;
    padding: 4px 8px 4px 8px;
}

.findPassWordModule .title {
    font-size: 18px;
}

.findPassWordModule .title span {
    color: #20a0ff;
    border-bottom: 2px solid #20a0ff;
    padding: 4px 8px 4px 8px;
}

.findPassWordModule .box {
    margin-top: 8px;
}

.findPassWordModule .submitButton-box {
    margin-top: 30px;
}

.findPassWordModule .submitButton-box a {
    width: 100%;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.findPassWordModule .submitButton-box a:hover {
    background: #58b7ff;
    text-decoration: none;
}


/**
.findPassWordModule{
	margin-top:20px !important;padding:10px;

}
.findPassWordModule h2{height: 40px;border-bottom: 1px solid #f1f1f1; text-align:center;font-size: 16px; }
.findPassWordModule table{
	margin:0 auto;
	margin-top:20px;
}**/


/* 用户中心 */
.user-home-header {
    background: red;
    margin-top: 60px;
    position: relative;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.user-home-header .avatarRing {
    width: 160px;
    height: 110px;
    background-color: var(--bg-white);
    border-radius: 4px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    position: absolute;
    left: 15px;
    top: -40px
}

.user-home-header .inner {
    height: 170px;
    background-color: var(--bg-white);
    position: relative;
    padding-left: 180px;
    border-right: 1px solid #EDEDED;
    margin-right: 0;
    border-right: 0
}

.user-home-header .avatar {
    background-color: var(--bg-white);
    border-radius: 4px;
    position: absolute;
    left: 25px;
    top: -30px;
    width: 140px
}

.user-home-header .avatar .img-box {
    position: relative;
    height: 140px
}

.user-home-header .avatar .img-box img {
    max-height: 140px;
    max-width: 140px;
    border-radius: 2px;
}

.user-home-header .avatar .counts {
    background: #F7F8FA;
    text-align: center
}

.user-home-header .avatar .counts .point {
    display: block;
    float: left;
    width: 70px;
    height: 40px;
    padding-top: 10px;
    border-right: 1px solid #EDEEF1;
    text-decoration: none
}

.user-home-header .avatar .counts .follows {
    display: block;
    height: 40px;
    padding-top: 10px;
    text-decoration: none
}

.user-home-header .avatar .counts .num {
    font-size: 16px;
    font-weight: 400;
    color: #272E3B;
    /**color: #ea3c1a;font-weight: bold;**/
    line-height: 1;
    margin-bottom: 5px
}

.user-home-header .avatar .counts .sub {
    font-size: 12px;
    line-height: 1;
    color: #86909C;
}

.user-home-header .avatar .counts a:hover div {
    color: orange;
}

.user-home-header .head-line {
    margin: 20px 0 10px;
    line-height: 1;
    position: relative
}

.user-home-header .head-line .name {
    font-size: 24px;
    font-weight: 400;
    color: #272E3B;
    display: inline-block;
    margin-top: 15px;
}

.user-home-header .head-line .grade {
    display: inline-block;
    background-color: #f2f3f5;
    border-radius: 2px;
    color: #4E5969;
    font-size: 14px;
    padding: 3px 8px 3px 8px;
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: 8px;

}

.user-home-header .username {
    font-size: 15px;
    color: var(--second-color);
    display: inline-block;
}

.user-home-header .role {
    margin-top: 10px;
}

.user-home-header .role .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 4px;
    margin-right: 3px;
    font-size: 13px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
}

.user-home-header .action-button {
    position: absolute;
    right: 20px;
    top: 20px
}

.user-home-header .action-button .privateMessageBox {

}

.user-home-header .action-button .privateMessageBox .privateMessageButton {
    color: #20a0ff;
    outline: none;
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid #20a0ff;
    border-radius: 3px;
    margin: 0;

}

.user-home-header .action-button .privateMessageBox .privateMessageButton:hover {
    background: #E8F3FF;
}


.action-followBox {
    margin-right: 20px;
}

.action-followBox .followButton {
    color: #fff;
    outline: none;
    display: inline-block;
    padding: 1px 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    border-radius: 3px;
    margin: 0;

}

.action-followBox .followButton:hover {
    background: #58b7ff;
}


/* 服务 */
.selfService {
    margin-left: -5px;
    margin-top: 5px;
}

.selfService .box {
    overflow: hidden;
    zoom: 1;
    margin: 0 0px -5px;
}

.selfService .box .ul {
    text-align: center;
    overflow: hidden;
    zoom: 1;
    background-position: 0 0px;
}

.selfService .box .ul li {
    display: inline-block;
}

.selfService .box .ul .item {
    width: 18%;
    position: relative;
    float: left;
    height: 130px;
    border: 1px solid #fff;
    margin: 5px;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.selfService .box .ul .item .a-pic {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #86909C;
}

.selfService .box .ul .item .a-pic:hover .img, .selfService .box .ul .item .a-pic:hover .title {
    color: #1890ff;
}

.selfService .box .ul .item .a-pic .img {
    font-size: 50px;
    display: block;
    padding-top: 20px;
    color: #A9AEB8;
}

.selfService .box .ul .item .a-pic .title {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 12px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
}


/** 用户中心动态 **/
.home-userDynamic {
    display: block;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    margin-top: 12px;
}

.loader {
    height: 50px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}


/** 服务导航 **/
.serviceNav {
    margin-top: 0;
    height: 50px;
    background-color: #F7F8FA;
    font-size: 15px;
}

.serviceNav .title {
    float: left;
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    position: relative;
}

.serviceNav .title a {
    color: #86909C;
}

.serviceNav .title a:hover {
    color: #1890ff;
}

.serviceNav .selected {
    background-color: white;
    cursor: default;
    box-shadow: 4px 0 3px -4px rgba(0, 0, 0, .06), -4px 0 3px -4px rgba(0, 0, 0, .06);
}

.serviceNav .selected a {
    color: #3B4352;
}

.serviceNav .more {
    color: #86909C;
}

.serviceNav .more i {
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.serviceNav .hide:hover {
    color: #1890ff;
}

.serviceNav .hide:hover div {
    display: block;
}

.serviceNav .nav-pop-list {
    white-space: nowrap;
    display: none;
    background-color: var(--bg-white);
    position: absolute;
    top: 44px;
    left: -8px;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    z-index: 9999;
    line-height: 1.5;
}

.serviceNav .nav-pop-list .ul-navlist {
    font-size: 0
}

.serviceNav .nav-pop-list .ul-navlist li {
    display: block;
    font-size: 15px;
    text-align: left;
    padding: 8px 0px 8px 0px;
    margin: 0;
    color: #86909C;
    width: 100%;
    cursor: pointer;
}

.serviceNav .ul-navlist li:hover {
    background: #F7F8FA;

}

.serviceNav .nav-pop-list .ul-navlist li a {
    margin-left: 20px;
    margin-right: 20px;
}


/* 实名认证 */
.realNameAuthenticationModule {
    padding-left: 300px;
    padding-right: 0px;
    padding-top: 6px;
    float: left;
}

.realNameAuthenticationModule h3 {
    font-size: 15px;
    font-weight: 500;
    float: left;
    margin-bottom: 4px;
    padding-top: 5px;
    width: 100%;
    border-bottom: #F2F3F5 1px dashed;
    position: relative;
    padding-bottom: 3px;
}

.realNameAuthenticationModule .realNameAuthenticationTable td {
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px;
    color: #4E5969;
    padding-top: 5px;
    height: 30px;
    font-size: 15px;
}

.realNameAuthenticationModule .realNameAuthenticationTable .projectName {
    font-size: 24px;
    font-weight: 400;
    line-height: 80px;
}

.realNameAuthenticationModule .realNameAuthenticationTable .operating {
    color: #1890ff;
    font-size: 15px;
}

.realNameAuthenticationModule .realNameAuthenticationTable .help {
    color: #A9AEB8;
    margin-left: 2px;
}


/* 绑定手机 */
.phoneBindingModule {
    background-color: var(--bg-white);
    padding: 0px 40px 40px 40px;
    width: 500px;
    margin: 0px auto 20px;

}

.phoneBindingModule .box {
    margin-top: 8px;
}

.phoneBindingModule .submitButton-box {
    margin-top: 30px;
}

.phoneBindingModule .submitButton-box a {
    width: 180px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.phoneBindingModule .submitButton-box a:hover {
    background: #58b7ff;
    text-decoration: none;
}


/* 私信 */
.privateMessageTitle {
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px dotted #E5E6EB;
}

.privateMessageTitle h2 {
    line-height: 46px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    color: #6B7785;
}

.privateMessageModule {
    padding: 0px 10px 10px 10px;
    position: relative;
    padding-bottom: 80px;
}

.privateMessageModule .privateMessageList {
    list-style: none;
}

.privateMessageModule .privateMessageList .privateMessage {
    padding: 12px 10px 7px 86px;
    border-bottom: 1px solid #F2F3F5;
}

.privateMessageModule .privateMessageList .author {
    position: relative;
}

.privateMessageModule .privateMessageList .author img {
    position: absolute;
    left: -76px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.privateMessageModule .privateMessageList cite {
    font-style: normal;
    font-size: 15px;
}

.privateMessageModule .privateMessageList .time {
    margin-bottom: 5px;
    color: #C9CDD4;
    line-height: 20px;
}

.privateMessageModule .privateMessageList cite a {
    color: #86909c;
}

.privateMessageModule .privateMessageList .privateMessage .content {
    padding: 0px;
    word-wrap: break-word;
    color: #6B7785;
    line-height: 30px;
    font-size: 15px;
    margin-right: 120px;
}

.privateMessageModule .privateMessageList .privateMessage .content:hover {
    color: #1890ff;
}

.privateMessageModule .privateMessageList .tipBottom {
    font-size: 14px;
    margin-top: 5px;
    float: right;

}

.privateMessageModule .privateMessageList .tipBottom .a-toolbar {
    display: block;
    width: 100%;
}

.privateMessageModule .privateMessageList .tipBottom .a-toolbar a {
    color: #A9AEB8;
    margin-left: 8px;
}

.privateMessageModule .privateMessageList .tipBottom .a-toolbar a:hover {
    color: #1890ff;
}

.privateMessageModule .privateMessageList .tipBottom .a-toolbar a i {
    font-size: 15px;
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.privateMessageModule .privateMessagePage {
    margin-top: 20px;
    float: right;
    line-height: 22px;
    margin-right: 0px;
    *margin-right: 8px;
}

/* 私信对话 */
.privateMessageChatTop {
    z-index: 1;
    line-height: 46px;
    text-align: center;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.privateMessageChatTop .back-to-list {
    position: absolute;
    font-size: 15px;
    color: #A9AEB8;
    left: 50%;
    margin-left: -592px;
}

.privateMessageChatTop .back-to-list:hover {
    color: #1890ff;
}

.privateMessageChatTop .chatInfo {
    margin-left: 240px;
}

.privateMessageChatTop b {
    display: inline-block;
    font-size: 15px;
    color: #4E5969;
}

/* 最近对话用户 */
.recentlyChatUserModule {
    display: inline;
    float: left;
    margin: 10px 0px 0px 0px;
    border-radius: 1px;
    width: 280px;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.recentlyChatUserModule .title {
    border-bottom: 1px solid #F2F3F5;
    height: 38px;
    line-height: 38px;
}

.recentlyChatUserModule .title h3 {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #6B7785;
}

.recentlyChatUserModule .title h3:before {
    display: inline-block;
    margin-right: 8px;
    content: '';
    width: 4px;
    height: 22px;
    vertical-align: -6px;
    background-color: #20a0ff;
}

.recentlyChatUserModule .recentlyChatUserList {
    list-style: none;
}

.recentlyChatUserModule .recentlyChatUserList .recentlyChatUser {
    padding: 8px 0 6px 6px;
    border-bottom: 1px solid #eee;
    min-height: 50px;
}

.recentlyChatUserModule .recentlyChatUserList .author {
    position: relative;
    color: #999;
}

.recentlyChatUserModule .recentlyChatUserList .author img {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.recentlyChatUserModule .recentlyChatUserList .info .userName {
    font-style: normal;
    font-size: 15px;
    margin-left: 70px;
    line-height: 50px;
    color: #6B7785;
}

.recentlyChatUserModule .recentlyChatUserList .info .userName:hover {
    color: #1890ff;
}

/* 私信对话右边栏 */
.privateMessageChatRight {
    display: inline;
    float: right;
    margin-top: 10px;
    width: 920px;
}

.privateMessageChatModule {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 10px 100px 10px;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.privateMessageChatModule .friend {
    margin: 26px 52px 0 10px;
    position: relative;

}

.privateMessageChatModule .friend:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.privateMessageChatModule .friend img {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    background-color: var(--bg-white);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.privateMessageChatModule .friend div {
    position: relative;
    margin-left: 64px;
    margin-right: 50px;
    text-align: initial;
}

.privateMessageChatModule .friend .time {
    position: absolute;
    width: 150px;
    line-height: 40px;
    display: inline-block;
    color: #A9AEB8;
    font-size: 13px;
    top: -32px;
    left: -60px;
}

.privateMessageChatModule .friend div i {
    position: absolute;
    width: 24px;
    height: 24px;
    left: -24px;
    top: 10px;
}

.privateMessageChatModule .friend div i:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent #fafafa transparent transparent;
    border-width: 10px;
    left: 5px;
}

.privateMessageChatModule .friend div span {
    float: left;
    min-height: 40px;
    min-width: 96px;
    margin-left: 24px;
    margin-top: 22px;
    font-size: 15px;
    border: 1px #fff solid;
    background: #fafafa;
    border-radius: 10px;
    position: relative;
    max-width: 94%;
}

.privateMessageChatModule .friend .msg-del {
    background: #ececec;
    color: #919191;
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 15px;
    padding: 1px;
    top: -10px;
    right: -10px;
    position: absolute;
}

.privateMessageChatModule .friend .msg-del::before {
    content: "\2716";
}

.privateMessageChatModule .friend .msg-del:hover {
    color: #1e9fff;
}

.privateMessageChatModule .self {
    margin: 26px 10px 0 46px;
    position: relative;
}

.privateMessageChatModule .self:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

.privateMessageChatModule .self img {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    background-color: var(--bg-white);
    left: auto;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.privateMessageChatModule .self div {
    position: relative;
    text-align: initial;
    margin-left: 50px;
    margin-right: 82px;
}

.privateMessageChatModule .self .time {
    position: absolute;
    width: 150px;
    line-height: 40px;
    display: inline-block;
    color: #A9AEB8;
    font-size: 13px;
    top: -32px;
    right: -100px;
}

.privateMessageChatModule .self div i {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    left: auto;
    right: -20px;
}

.privateMessageChatModule .self div i:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent #e5f3ff;
    border-width: 10px;
    left: 5px;
}

.privateMessageChatModule .self div span {
    min-height: 40px;
    min-width: 96px;
    font-size: 15px;
    border: 1px #fff solid;
    border-radius: 10px;
    position: relative;
    max-width: 94%;
    background: #e5f3ff;
    border-color: #e5f3ff;
    color: #1890ff;
    float: right;
    margin-top: 22px;
    margin-left: 0;
    margin-right: 10px;

}

.privateMessageChatModule .self .msg-del {
    background: #ececec;
    color: #919191;
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 15px;
    padding: 1px;
    top: -10px;
    left: -10px;
    position: absolute;
}

.privateMessageChatModule .self .msg-del::before {
    content: "\2716";
}

.privateMessageChatModule .self .msg-del:hover {
    color: #1e9fff;
}

.privateMessageChatModule .friend div span em,
.privateMessageChatModule .self div span em {
    font-style: normal;
    padding: 10px;
    display: block;
    white-space: normal;
    word-break: break-all;
}

.privateMessageChatModule .privateMessageChatPage {
    margin-top: 50px;
    float: right;
    color: #999;
    line-height: 22px;
    margin-right: 10px;
    *margin-right: 8px;
}

.privateMessageChatForm {
    margin-top: 10px;
    background-color: var(--bg-white);
    padding-bottom: 1px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.privateMessageChatForm textarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    height: 150px;
    margin: 20px 20px 0px 20px;
    width: 880px;
}

.privateMessageChatForm .form-action {
    background-color: var(--bg-white);
    padding: 0px 20px 20px 20px;
    width: 390px;
}

.privateMessageChatForm .error {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #F76560;
    display: none;
}

.privateMessageChatForm .form-action .submitButton-box {
    margin-top: 10px;
}

.privateMessageChatForm .form-action .submitButton-box a {
    width: 180px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.privateMessageChatForm .form-action .submitButton-box a:hover {
    background: #58b7ff;
    text-decoration: none;
}


/* 系统通知 */
.systemNotifyTitle {
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px dotted #E5E6EB;
    background-color: var(--bg-white);
}

.systemNotifyTitle h2 {
    line-height: 46px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    color: #6B7785;
}


.systemNotifyModule {
    padding: 0px 10px 10px 10px;
    position: relative;
    background-color: var(--bg-white);
    padding-bottom: 80px;
}

.systemNotifyModule .systemNotifyList {
    list-style: none;
}

.systemNotifyModule .systemNotifyList .systemNotify {
    padding: 10px 10px 8px 10px;
    border-bottom: 1px solid #F2F3F5;
}

.systemNotifyModule .systemNotifyList .author {
    position: relative;
}

.systemNotifyModule .systemNotifyList .time {
    margin-bottom: 5px;
    color: #C9CDD4;
    line-height: 20px;
}

.systemNotifyModule .systemNotifyList .time a {
}

.systemNotifyModule .systemNotifyList .systemNotify .content {
    padding: 0px;
    word-wrap: break-word;
    color: #6B7785;
    line-height: 28px;
    font-size: 15px;
    margin-right: 120px;
}


.systemNotifyModule .systemNotifyList .tipBottom {
    font-size: 14px;
    margin-top: 5px;
    float: right;
}

.systemNotifyModule .systemNotifyList .tipBottom .a-toolbar {
    display: block;
    width: 100%;
}

.systemNotifyModule .systemNotifyList .tipBottom .a-toolbar a {
    color: #A9AEB8;
    margin-left: 6px;
}

.systemNotifyModule .systemNotifyList .tipBottom .a-toolbar a:hover {
    color: #1890ff;
}

.systemNotifyModule .systemNotifyList .tipBottom .a-toolbar a i {
    font-size: 15px;
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.systemNotifyModule .systemNotifyPage {
    margin-top: 20px;
    float: right;
    line-height: 22px;
    margin-right: 0px;
    *margin-right: 8px;
}


/* 提醒 */
.remindTitle {
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px dotted #E5E6EB;
    background-color: var(--bg-white);
}

.remindTitle h2 {
    line-height: 46px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    color: #6B7785;
}

.remindModule {
    padding: 0px 10px 10px 10px;
    position: relative;
    padding-bottom: 80px;
    background-color: var(--bg-white);
}

.remindModule .remindList {
    list-style: none;
}

.remindModule .remindList .remind {
    padding: 10px 10px 14px 86px;
    border-bottom: 1px solid #F2F3F5;
}

.remindModule .remindList .author {
    position: relative;
}

.remindModule .remindList .author img {
    position: absolute;
    left: -76px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.remindModule .remindList cite {
    font-style: normal;
    font-size: 15px;
}

.remindModule .remindList .time {
    margin-bottom: 5px;
    margin-top: 6px;
    color: #C9CDD4;
    line-height: 20px;
}

.remindModule .remindList .time a {
}

.remindModule .remindList .remind .content {
    padding: 0px;
    word-wrap: break-word;
    color: #6B7785;
    line-height: 24px;
    font-size: 15px;
    margin-right: 120px;
    margin-top: 10px;
}

.remindModule .remindList .remind .content a {
    color: #1890ff;
}

.remindModule .remindList .remind .content a:hover {
    color: #40a9ff;
}

.remindModule .remindList .tipBottom {
    font-size: 14px;
    margin-top: 5px;
    float: right;
}

.remindModule .remindList .tipBottom .a-toolbar {
    display: block;
    width: 100%;
}

.remindModule .remindList .tipBottom .a-toolbar a {
    color: #A9AEB8;
    margin-left: 6px;
}

.remindModule .remindList .tipBottom .a-toolbar a:hover {
    color: #1890ff;
}

.remindModule .remindList .tipBottom .a-toolbar a i {
    font-size: 15px;
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.remindModule .remindPage {
    margin-top: 20px;
    float: right;
    line-height: 22px;
    margin-right: 0px;
    *margin-right: 8px;
}


/** 头像 **/
.avatarModule {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 12px;
    background-color: var(--bg-white);
}

.avatarModule .original-box {
    width: 400px;
    height: 400px;
    background-color: #F7F8FA;
}

.avatarModule .preview-pane {
    display: block;
    position: absolute;
    left: 436px;
    top: 20px;
    z-index: 2100;
}

.avatarModule .preview-pane .preview-container {
    height: 200px;
    overflow: hidden;
    width: 200px;
}

.avatarModule .preview-pane2 {
    border-radius: 100%;
    overflow: hidden;
    line-height: 100px;
    position: absolute;
    left: 488px;
    top: 265px;
    z-index: 2200;

}

.avatarModule .preview-pane2 .preview-container2 {
    height: 100px;
    overflow: hidden;
    width: 100px;
}

/*原图预览DIV*/
.avatarModule .image-crop-original-div {
    float: left;
    display: inline-block;
    _zoom: 1;
    *display: inline;
    *position: absolute;

}

.avatarModule .original-box img {
    width: 400px \9;
    float: left;
    display: inline-block;
}

/*截图预览DIV*/
.avatarModule .image-crop-preview-div {
    width: 100%;
    float: left;
}

.avatarModule .bottomInfo {
    margin-top: 8px;
    line-height: 34px;
    border-top: 1px solid #E5E6EB;
    position: relative;
    padding-top: 6px;
}

.avatarModule .bottomInfo .progressBar {
    position: absolute;
    left: -220px;
    font-style: normal;
}

.avatarModule .bottomInfo .button-box {
    margin-top: 5px;
    height: 34px;
    width: 100%;
    text-align: right;
}

.avatarModule .bottomInfo .button-box span {
    position: relative;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: 1px solid #20a0ff;
    text-align: center;
    font-size: 18px;
    color: #20a0ff;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.avatarModule .bottomInfo .button-box span.on, .avatarModule .bottomInfo .button-box span:hover {
    background: #20a0ff;

    box-shadow: inset 0 1px 2px #20a0ff;
    color: #fff;
    text-shadow: #20a0ff 0 -1px 0;
}

.avatarModule .bottomInfo .button-box span input {
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/**
.avatarModule .bottomInfo{
	margin-top: 10px;line-height:34px; border-top: 1px solid #d9dadb;
}
.avatarModule .bottomInfo .avatar-upload-button{
	padding-top: 12px;float: right;line-height: 36px;
}
.avatarModule .bottomInfo .avatar-submit-button{
	padding-top: 15px; padding-top:13px\0; *padding-top:12px;   float: right;line-height: 36px;
}

.avatarModule .bottomInfo .uploadButton{
	position: relative;
	color: #0592fe;
    border-color: #0592fe;
    outline: none;
    display: inline-block;
   	padding-bottom:2px;
    padding-left: 12px;
    padding-right:12px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px;
    margin: 0;
	text-decoration: none;
}
.avatarModule .bottomInfo .uploadButton input {
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    opacity: 0;
    filter:alpha(opacity=0);
}
.avatarModule .bottomInfo .uploadButton:hover {
    background: #f1f9ff;
    text-decoration: none;
}**/

/** 修改用户 **/
.editUserModule {
    margin-left: 150px;
    width: 900px;
    padding-bottom: 30px;
}

.editUserModule .box {
    margin-top: 8px;
    width: 630px;
}

.editUserModule .submitButton-box {
    margin-top: 30px;
}

.editUserModule .submitButton-box a {
    width: 180px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 44px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 44px;
    background: #20a0ff;
}

.editUserModule .submitButton-box a:hover {
    background: #58b7ff;
    text-decoration: none;
}


/** 修改用户头像 **/
.updateAvatar {
    position: absolute;

    margin-left: 800px;
    margin-top: 40px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #F7F8FA;
    overflow: hidden;
    text-align: center;
    line-height: 100px
}

.updateAvatar img {
    max-width: 100%;
    vertical-align: middle;
    width: 100px;
    height: auto;
}

.updateAvatar .change {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    filter: Alpha(opacity=60); /* 只支持IE6、7、8、9 */

    background-color: rgba(0, 0, 0, 0.6);
    background: #666666 \9;
}

.updateAvatar .change span {
    color: #fff;
}


/* 用户动态 */
.userDynamicModule {
    padding: 0px 10px 10px 10px;
    position: relative;
    padding-bottom: 0;
}

.userDynamicModule .userDynamicList {
    list-style: none;
    font-size: 14px;
    margin-bottom: 10px;
}

.userDynamicModule .userDynamicList .userDynamic {
    padding: 10px 0 5px 100px;
    border-bottom: 1px solid #F2F3F5;
    position: relative;
}

.userDynamicModule .userDynamicList .userDynamic-author {
    position: relative;
}

.userDynamicModule .userDynamicList .userDynamic-author img {
    width: 72px;
    height: 72px;
    position: absolute;
    left: -91px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.userDynamicModule .userDynamicList .userDynamic-author .userName {
    color: #86909c;
}

.userDynamicModule .userDynamicList cite {
    font-style: normal;
}

.userDynamicModule .userDynamicList .userDynamicTime {
    margin-bottom: 5px;
    color: #C9CDD4;
    font-size: 13px;
}

.userDynamicModule .userDynamicList .userDynamicTime a {
    color: #86909c;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle {
    padding: 0px;
    word-wrap: break-word;
    margin-top: 5px;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .info {
    background-color: #f2f3f5;
    border-radius: 4px;
    color: #4E5969;
    font-size: 13px;
    padding: 3px 8px 3px 8px;
    line-height: 32px;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle a {
    color: #1890ff;
    font-size: 15px;
    line-height: 32px;
    margin-left: 5px;
}

.userDynamicModule .userDynamicList .userDynamic .topicRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #ffcc00;
    position: relative;
    top: -5px;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hideTagType {
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
    position: relative;
    top: 0px;

}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hideTagType .circle {
    border-radius: 12px;
    display: inline-block;
    margin-left: 5px;
    width: 24px;
    height: 24px;
    position: relative;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hideTagType .circle i {
    font-size: 14px;
    line-height: 24px;
    margin-left: 6px;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hideTagType .point:before {
    content: ' ';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    top: 13px;
    left: 10px;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_10 .circle {
    background: #ebebeb;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_10 .point:before {
    background-color: #ebebeb;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_10 .circle i {
    color: #b2b2b2;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_20 .circle {
    background: #bbf9d5;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_20 .point:before {
    background-color: #bbf9d5;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_20 .circle i {
    color: #21de70;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .circle {
    background: #bfebfb;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .point:before {
    background-color: #bfebfb;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_30 .circle i {
    color: #27c3fc;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_40 .circle {
    background: #e2cffe;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_40 .point:before {
    background-color: #e2cffe;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_40 .circle i {
    color: #af82f2;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_50 .circle {
    background: #fedbb2;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_50 .point:before {
    background-color: #fedbb2;
}

.userDynamicModule .userDynamicList .userDynamic .topicTitle .hide_50 .circle i {
    color: #fe9d2d;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent {
    padding: 0px;
    word-wrap: break-word;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 12px;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent p {
    font-size: 16px;
    word-wrap: break-word
}

.userDynamicModule .userDynamicList .userDynamic .topicContent img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: sub;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent table {
    width: 100%;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent table th {
    font-weight: 600
}

.userDynamicModule .userDynamicList .userDynamic .topicContent table td,
.userDynamicModule .userDynamicList .userDynamic .topicContent table th {
    border: 1px solid #E5E6EB;
    padding: 6px 13px
}

.userDynamicModule .userDynamicList .userDynamic .topicContent table tr {
    background-color: var(--bg-white);
    border-top: 1px solid #E5E6EB;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent table tr:nth-child(2n) {
    background-color: #F7F8FA;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent ul li {
    margin-left: 20px;
    list-style-type: disc;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent iframe {
    width: 100%;
    height: 550px;
    padding: 10px 0px;
}

/* 自动换行 */
.userDynamicModule .userDynamicList .userDynamic .topicContent pre {
    white-space: pre-wrap;
}

/* 隐藏标签 IE8以下浏览器不支持自定义标签，需要在页头<head>标签内执行document.createElement('player') */
.userDynamicModule .userDynamicList .userDynamic .topicContent player {
    width: 480px;
    height: 270px;
    display: block;
    margin-right: 5px;
    background: #000;
    position: relative;
    text-align: center;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent player .cover {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent player .buttonCircle {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 270px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.5);
}

.userDynamicModule .userDynamicList .userDynamic .topicContent player .iconBox {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;

}

.userDynamicModule .userDynamicList .userDynamic .topicContent player .iconBox .playIcon {
    font-size: 30px;
    position: absolute;
    line-height: 22px;
    width: 22px;
    height: 22px;
    top: 0;
    bottom: 0;
    left: -5px;
    right: 0;
    margin: auto;
    color: #fff;
}


/* 隐藏标签 IE8以下浏览器不支持自定义标签，需要在页头<head>标签内执行document.createElement('hide') */
.userDynamicModule .userDynamicList .userDynamic .topicContent hide {
    display: block;
    background: #F7F8FA;
    min-height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 17px;
    margin-bottom: 15px;
    border: 3px dashed #E5E6EB;
    border-radius: 5px;

}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .hide-box {
    margin: 20px;
    position: relative;
    text-align: center;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .background-image {
    margin: auto;
    margin-top: 15px;
    font-size: 52px;
    color: #C9CDD4;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .background-prompt {
    margin-top: 5px;
    color: #A9AEB8;
    font-size: 16px;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .highlight {
    font-weight: bold;
}

/*border:#a9a9a9 solid 2px;  边框#b2b5bc #777777*/
.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box {
    pointer-events: none;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 25px;
    border: #6B7785 solid 2px;
    width: 226px;
    height: 26px;
    overflow: hidden;
    border-radius: 2px;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box:hover {
    border: #4E5969 solid 2px;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box:hover .button {
    border: transparent solid 0px;
    background: #4E5969;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .text {
    pointer-events: auto;
    width: 145px;
    height: 26px;
    line-height: 26px;
    border: 0;
    float: left;
    font-size: 14px;
    color: #4E5969;
    text-indent: 6px;
    vertical-align: middle;
    outline: none;
    background: #F7F8FA;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .button {
    pointer-events: auto;
    width: 79px;
    *width: 76px;
    height: 26px;
    line-height: 28px;
    border: 0;
    background: #6B7785;
    font-size: 15px;
    color: #fff;
    float: right;
    cursor: pointer;
    text-decoration: none;
    outline: none
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .button:hover {
    background: #4E5969;
}

/*background:#606060;*/
.userDynamicModule .userDynamicList .userDynamic .topicContent hide .submit-box {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 25px;
    border: #6B7785 solid 2px;
    width: 96px;
    height: 26px;
    overflow: hidden;
    border-radius: 2px;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .submit-box:hover {
    border: #4E5969 solid 2px;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .submit-box .button {
    pointer-events: auto;
    width: 96px;
    height: 26px;
    line-height: 28px;
    border: 0;
    background: #6B7785;
    font-size: 15px;
    color: #fff;
    float: right;
    cursor: pointer;
    text-decoration: none;
    outline: none
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .submit-box .button:hover {
    background: #4E5969;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .text::-webkit-input-placeholder {
    color: #6B7785;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .text:-ms-input-placeholder {
    color: #6B7785;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .text:-moz-placeholder {
    color: #6B7785;
}

.userDynamicModule .userDynamicList .userDynamic .topicContent hide .input-box .text::-moz-placeholder {
    color: #6B7785;
}


.userDynamicModule .userDynamicList .userDynamic .readMore {
    position: relative;
    display: block;
    color: #FF7D00;
    text-align: center;
    height: 65px;
    line-height: 110px;
    font-size: 15px;
    margin-top: -65px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
}

.userDynamicModule .userDynamicList .userDynamic .shrinkMore {
    position: relative;
    display: block;
    color: #FF7D00;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    margin-top: 10px;
}

.userDynamicModule .userDynamicList .userDynamic .commentContent {
    padding: 0px;
    word-wrap: break-word;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 12px;
}

.userDynamicModule .userDynamicList .userDynamic .commentContent p {
    font-size: 16px;
    word-wrap: break-word
}

.userDynamicModule .userDynamicList .userDynamic .commentContent img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: sub;
}

.userDynamicModule .userDynamicList .userDynamic .quoteContent {
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 15px;
    border-radius: 3px;
    background: #F7F8FA;
    border: 1px solid #E5E6EB;
}

.userDynamicModule .userDynamicList .userDynamic .quoteContent:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -7px;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent #F7F8FA transparent;
    z-index: 1
}

.userDynamicModule .userDynamicList .userDynamic .quoteContent:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -8px;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent #E5E6EB transparent
}

.userDynamicModule .userDynamicList .userDynamic .quoteContent .text {
    color: #272E3B;
    line-height: 1.75;
    font-size: 16px;
}

.userDynamicModule .userDynamicList .userDynamic .replyContent {
    padding: 0px;
    word-wrap: break-word;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 12px;
}

.userDynamicModule .userDynamicList .userDynamic .replyContent p {
    font-size: 16px;
    word-wrap: break-word
}

.userDynamicModule .userDynamicList .tipBottom {
    font-size: 10pt;
    color: #A9AEB8;
    margin: 15px 10px 5px 0px;
    text-align: left;
}

.userDynamicModule .userDynamicList .tipBottom .a-toolbar {
    display: block;
    width: 100%;
}

.userDynamicModule .userDynamicList .tipBottom .a-toolbar a {
    color: #A9AEB8;
    margin-right: 15px;
}

.userDynamicModule .userDynamicList .tipBottom .a-toolbar span {
    color: #A9AEB8;
    margin-right: 15px;
}

.userDynamicPage {
    margin-top: 20px;
    margin-right: 10px;
    height: 40px;
    margin-bottom: 20px;
}

/* 会员卡 */
.membershipCardListModule {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.membershipCardListModule ul {
    margin-left: -10px;
}

.membershipCardListModule li {
    -moz-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    -webkit-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    float: left;
    width: 255px;
    background-color: var(--bg-white);
    padding: 25px 20px;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}

.membershipCardListModule h5 {
    text-align: center;
    color: #272E3B;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
}

/**
.membershipCardListModule .introduction-box{ padding-top: 25px; margin-top: 25px; border-top: 1px solid #f2f2f2;min-height: 120px;}
.membershipCardListModule .introduction-box .introduction{
margin: 10px auto 0;
line-height: 24px;
font-size: 14px;
width: 260px;
color: #666;

}**/


.membershipCardListModule .descriptionTag-box {
    margin: 0 auto;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #F2F3F5;
    min-height: 120px;
    width: 100%;
    overflow: hidden;
}

.membershipCardListModule .descriptionTag-box .descriptionTag {
    margin-bottom: 18px;
    line-height: 14px;
    font-size: 15px;
    color: #4E5969;
    text-align: center;
}

.membershipCardListModule .buyInfo {
    padding-top: 15px;
}

.membershipCardListModule .buyInfo .price {
    text-align: center;
    margin-top: 10px;
}

.membershipCardListModule .buyInfo .price p {
    line-height: 30px;
    font-size: 14px;
}

.membershipCardListModule .buyInfo .price span {
    color: #f75d51;
    font-size: 36px;
    font-weight: bolder
}

.membershipCardListModule .buyInfo .price b {
    font-size: 13px;
    color: #f75d51;
    font-size: 24px;
    font-weight: normal;
}

.membershipCardListModule .buyInfo .subtitle {
    display: block;
    color: #ff6800;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
}

.membershipCardListModule .buyInfo .buyButton {
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    display: block;
    width: 220px;
    line-height: 44px;
    text-align: center;
    background-color: #20a0ff;
    margin: 10px auto auto auto;
}

.membershipCardListModule .buyInfo .buyButton:hover {
    background-color: #58b7ff;
}


/* 模块头 */
.module-head {
    background-color: var(--bg-white);
    padding: 2px 20px 2px 20px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    position: relative;
    height: 48px;
}

.module-head .info {
    padding: 10px 0;
    display: block;
    text-align: center;
}

.module-head .info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.module-head .info h3 {
    color: #272E3B;
    font-size: 20px;
    line-height: 28px;

}

.module-head .extra {
    float: right;
    text-align: right;
    margin-top: 10px;
}


.membershipCardModule {
    margin: auto;
    overflow: auto;
    text-align: center;
}

.membershipCardModule .membershipCard-item {
    float: left;
    width: 272px;
    border-radius: 2px;
    text-align: center;
    margin: 30px 15px;
    overflow: hidden;
    background-color: #FFFFFF;

    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .03), 0 4px 8px 0 rgba(0, 0, 0, .03);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .03), 0 4px 8px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .03), 0 4px 8px 0 rgba(0, 0, 0, .03);
}

.membershipCardModule .membershipCard-item .title {
    height: 46px;
    line-height: 46px;
    background-color: #20a0ff;
    color: white;
    font-size: 18px;
}

.membershipCardModule .membershipCard-item .info {
    position: relative;
    overflow: hidden;
}

.membershipCardModule .membershipCard-item .info .sellingPrice {
    font-size: 14px;
    margin-top: 20px;
}

.membershipCardModule .membershipCard-item .info .sellingPrice b {
    color: #f75d51;
    font-size: 24px;
    font-weight: normal;
}

.membershipCardModule .membershipCard-item .info .sellingPrice strong {
    font-size: 36px;
    color: #f75d51;
}

.membershipCardModule .membershipCard-item .info .marketPrice {
    text-decoration: line-through;
    font-size: 13px;
    color: #6B7785;
}

.membershipCardModule .membershipCard-item > .info > * {
    margin-bottom: 10px;
}

.membershipCardModule .membershipCard-item > .info .buy-box {
    margin-bottom: 20px;
}

.membershipCardModule .membershipCard-item .info .buyButton {
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    border: none;
    display: block;
    width: 160px;
    line-height: 38px;
    text-align: center;
    background-color: #20a0ff;
    margin: 15px auto auto auto;
}

.membershipCardModule .membershipCard-item .info .buyButton:hover {
    background-color: #58b7ff;
}

.membershipCardModule .membershipCard-item .info .buyButton:disabled {
    border: none;
    background-color: #A9AEB8;
    cursor: not-allowed;
    text-decoration: none;
}

.membershipCardModule .detail {
    margin: 0 auto;
}

.membershipCardModule .detail .title {
    padding-top: 24px;
    font-size: 28px;
    color: #20a0ff;
    line-height: normal
}

.membershipCardModule .detail .line-blue {
    margin: 12px auto 0;
    width: 100px;
    border-bottom: 4px solid #20a0ff;
'
}

.membershipCardModule .detail .line-gray {
    margin: 0 auto;
    width: 600px;
    border-bottom: 1px solid #C9CDD4;
}

.membershipCardModule .detail .content {
    margin-top: 10px;
    padding: 20px 5px;
    color: #6B7785;
    font-size: 16px;
    word-wrap: break-word
}

.membershipCardModule .detail .content p {
    font-size: 16px;
    word-wrap: break-word
}

.membershipCardModule .detail .content img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: sub;
}

.membershipCardModule .detail .content table {
    width: 100%;
}

.membershipCardModule .detail .content table th {
    font-weight: 600
}

.membershipCardModule .detail .content table td,
.membershipCardModule .detail .content table th {
    border: 1px solid #E5E6EB;
    padding: 6px 13px
}

.membershipCardModule .detail .content table tr {
    background-color: var(--bg-white);
    border-top: 1px solid #E5E6EB;
}

.membershipCardModule .detail .content table tr:nth-child(2n) {
    background-color: #F7F8FA;
}

.membershipCardModule .detail .content ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.membershipCardModule .detail .content ul li {
    margin-left: 20px;
    list-style-type: disc;
}

/* 余额 */
.balanceModule {
    padding: 30px 0 30px 30px;
    background-color: var(--bg-white);
    position: relative;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.balanceModule .deposit {
    font-size: 16px;
}

.balanceModule .deposit .name {
    color: #99a9bf;
}

.balanceModule .buttonBox {
    margin-left: 100px;
    margin-top: -26px;
}

.balanceModule .buttonBox .payButton {
    color: #20a0ff;
    border-color: #20a0ff;
    outline: none;
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px;
    margin: 0;

}

.balanceModule .buttonBox .payButton:hover {
    background: #E8F3FF;
}


/* 付款页面 */
.paymentModule {
    padding-top: 15px;
    margin-left: 12px;
}

/* 支付银行 */
.paymentModule .banks, .paymentModule .banks .head {
    widows: 100%;
    margin: 0 auto;
    font-size: 14px;
}

.paymentModule .banks .head ul {
    list-style: none;
    margin: 0;
    overflow: hidden
}

.paymentModule .banks .head li {
    float: left;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #6B7785;
    display: block
}

.paymentModule .banks .head li.item1 {
    width: 10%;
    border-bottom: solid 1px #F2F3F5;
    height: 38px
}

.paymentModule .banks .head li.item2 {
    width: 15%;
    border-left: solid 1px #F2F3F5;
    border-right: solid 1px #F2F3F5;
    border-top: solid 1px #F2F3F5;
    border-bottom: solid 1px #F2F3F5;
    background: #f5f5f5;
    cursor: pointer
}

.paymentModule .banks .head li.item3 {
    width: 74%;
    border-bottom: solid 1px #F2F3F5;
    height: 38px
}

.paymentModule .banks .head li.on {
    background-color: var(--bg-white);
    border-bottom: solid 1px #fff
}

/* 银行选择 */
.paymentModule .bankSelect {
    width: 866px;
    padding-top: 10px;
    overflow: hidden;
    margin: 0 auto
}

.paymentModule .bankSelect .box {
    width: 960px;
    float: left;
    _padding-bottom: 30px;
}

/* 银行名称 */
.paymentModule .bankSelect .title {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 700;
    color: #4E5969;
    float: left;
}

.paymentModule .bankSelect dl {
    width: 162px;
    height: 42px;
    border: 1px solid #F2F3F5;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    display: block
}

.paymentModule .bankSelect dl input {
    margin: 14px 0 0 8px;
    width: 16px;
    height: 13px
}

.paymentModule .bankSelect dt {
    width: 22px;
    height: 32px;
    float: left
}

.paymentModule .bankSelect dd {
    width: 120px;
    height: 32px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.paymentModule .bankSelect dd img {
    width: 120px;
    height: 32px
}

.paymentModule .pay-table {
    padding-left: 13px;
    width: 85%;
}

.paymentModule .pay-table td {
    line-height: 50px;
    border-bottom: 1px solid #F2F3F5;
    padding: 10px 8px;
}

.paymentModule .help {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 3px;
    color: #A9AEB8;
    padding-top: 3px
}

/* 立即支付 */
.paymentModule .payNow {
    width: 866px;
    padding-top: 30px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 10px
}

/* 支付完成 */
.paymentCompletedModule {
    padding-top: 30px
}

.paymentCompletedModule .box {
    position: relative;
    height: auto;
    padding: 13px 0 20px 500px;
}

.paymentCompletedModule .title {
    color: #4E5969;
    font-size: 26px;
    line-height: 52px;
    font-weight: 400;
}

.paymentCompletedModule .tip {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
}

/* 红包 */
.redEnvelopeHeadModule {
    padding: 30px 0 30px 30px;
    background-color: var(--bg-white);
    position: relative;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.redEnvelopeHeadModule .text {
    font-size: 15px;
    margin-right: 40px;
}

.redEnvelopeHeadModule .text .name {
    color: #99a9bf;
}

.redEnvelopeHeadModule .topic {
    display: block;
    font-size: 15px;
    margin-top: 10px;
}


/*修改话题*/
.editTopicModule {
    margin-top: 10px;
    margin-bottom: 10px;
}

.editTopicModule .topic-box {
    position: relative;
    background-color: var(--bg-white);
    padding: 15px 15px 65px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.editTopicModule .topic-box .textarea {
    width: 100%;
    height: 550px;
    visibility: hidden;
}

.editTopicModule .topic-box .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.editTopicModule .topic-box .error {
    color: #F76560;
}

.editTopicModule .topic-box .topicSubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.editTopicModule .topic-box .topicSubmit .submitButton-box {
    margin-right: 5px;
}

.editTopicModule .topic-box .topicSubmit .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editTopicModule .topic-box .topicSubmit .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.editTopicModule .topic-box .topicSubmit .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.editTopicModule .topic-box .topicSubmit .cancelButton-box {
    position: relative;
    top: 2px;
}

.editTopicModule .topic-box .topicSubmit .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editTopicModule .topic-box .topicSubmit .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.editTopicModule .topic-box .captchaModule {
    float: left;
    margin-top: 2px;
}

.editTopicModule .topic-box .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.editTopicModule .topic-box .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
}

.editTopicModule .topic-box .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.editTopicModule .topic-box .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.editTopicModule .topic-box .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.editTopicModule .topic-box .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.editTopicModule .topic-box .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.editTopicModule .topic-box .captchaModule .tips span {
    color: #F76560;
}


.askListModule {
    margin-top: 10px;
}

.askListModule .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.askListModule .nav > li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: -1px
}

.askListModule .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    font-size: 15px;
    color: #86909C;
}

.askListModule .nav > li > a:hover {
    border-color: #EDEEF1 #EDEEF1 #fff;
    color: #1890ff;
}

.askListModule .nav > li > a:focus, .askListModule .nav > li > a:hover {
    text-decoration: none;
    background-color: #EDEEF1;
}

.askListModule .nav > li > a > img {
    max-width: none
}

.askListModule .nav > li.active > a, .askListModule .nav > li.active > a:focus, .askListModule .nav > li.active > a:hover {
    color: #4E5969;
    background-color: var(--bg-white);
    border: 1px solid #EDEEF1;
    border-bottom-color: transparent;
    cursor: default;
    border-color: #fff;
    cursor: default;
    box-shadow: 4px 0 3px -4px rgba(0, 0, 0, .06), /*左边阴影*/ /*0 4px 3px -4px #fff, 顶部阴影*/ 0 -4px 3px -4px rgba(0, 0, 0, .06), /*底部阴影*/ -4px 0 3px -4px rgba(0, 0, 0, .06); /*右边阴影*/
}

.askListModule .nav .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #20a0ff;
    background: #E8F3FF;
    border-color: #58b7ff;
    float: right !important;
}

.askListModule .nav .btn:hover {
    color: #fff;
    background-color: #20a0ff;
    border-color: #20a0ff;
}

.askListModule .nav .btn i {
    position: relative;
    top: 2px;
    font-size: 16px;
}

.askListModule .question-box {
    /*background-color: var(--bg-white);*/
    padding: 0px 15px 0px 15px;
    /*box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);*/
}

.askListModule .question-box .questionList {

}

.askListModule .question-box .questionList .questionItem {
    margin: 0;
    border-bottom: 1px solid #F2F3F5;
    padding: 15px 0 10px 0;
    position: relative;
    min-height: 90px;
}

.askListModule .question-box .questionList .questionItem .avatarBox {
    position: relative;
    margin-left: 0;
    margin-right: 0px;
    padding: 0;
    float: left;
}

.askListModule .question-box .questionList .questionItem .avatarBox .avatarLink {
    display: block;
    position: relative;
    float: left;
    padding-left: 6px;
}

.askListModule .question-box .questionList .questionItem .avatarBox .avatarLink img {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 60px;
    position: relative;
}

.askListModule .question-box .questionList .questionItem .content {
    /**
	overflow: auto;
	overflow-x: hidden;**/
    margin-left: 72px;
    margin-right: 160px;
}

.askListModule .question-box .questionList .questionItem .content .info {
    margin-bottom: 8px;
    color: var(--second-color);
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.askListModule .question-box .questionList .questionItem .content .info > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.askListModule .question-box .questionList .questionItem .content .info .userName {
    color: var(--second-color);
    font-size: 14px;
    display: inline-block;
    margin-right: 4px;
}

.askListModule .question-box .questionList .questionItem .content .info .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
    position: relative;
    top: -5px;
}

.askListModule .question-box .questionList .questionItem .content .info .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
    position: relative;
    top: -5px;
}

.askListModule .question-box .questionList .questionItem .content .info .postTime {
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 14px;
}

.askListModule .question-box .questionList .questionItem .content .info .lastAnswerTime {
    margin-left: 10px;
    position: relative;
    top: 1px;
    font-size: 13px;
}

.askListModule .question-box .questionList .questionItem .content .info .reward {
    display: inline-block;
    vertical-align: middle;
    background: #fcf3e6;
    border-radius: 2px;
    padding: 5px 8px;
    margin-left: 6px;
    position: relative;
    top: -5px;
}

@keyframes maskBackground {
    0% {
        background-position: 0px 0;
    }
    100% {
        background-position: 100em 0;
    }
}

.askListModule .question-box .questionList .questionItem .content .info .reward .gradientMask {
    animation-duration: 15s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: maskBackground;
    animation-timing-function: linear;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-30deg);
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.askListModule .question-box .questionList .questionItem .content .info .reward .rewardInfo {
    color: #e2b46d;
    font-size: 14px;
    line-height: 14px;


}

.askListModule .question-box .questionList .questionItem .content .info .reward .rewardInfo .symbol {
    font-family: Arial;
    font-weight: normal;
    margin-left: 5px;
    color: #cca558;
}

.askListModule .question-box .questionList .questionItem .content .info .reward .rewardInfo .amount {
    margin-left: 1px;
    color: #cca558;
    margin-right: 5px;
}

.askListModule .question-box .questionList .questionItem .content .info .reward .rewardInfo .point {
    color: #cca558;
    margin-right: 5px;
}

.askListModule .question-box .questionList .questionItem .content .title {
    font-weight: 600;
    margin: 0 5px 0 0;
    font-size: 18px;
    line-height: 28px;

}

.askListModule .question-box .questionList .questionItem .content .title a {
    color: #272E3B;
}

.askListModule .question-box .questionList .questionItem .content .title a:hover {
    text-decoration: none;
    color: #1890ff;
}

.askListModule .question-box .questionList .questionItem .content .title .questionTag {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 3px 6px 3px 6px;
    margin-right: 5px;
    border-radius: 3px;
    color: #20a0ff;
    background-color: #E8F3FF;
    position: relative;
    font-weight: 100;
    position: relative; /** 这两行让标签上移 **/
    top: -1px;
}

.askListModule .question-box .questionList .questionItem .content .title .questionTag:hover {
    background-color: #d8edff;
    color: #1890ff;
    text-decoration: none;
}


.askListModule .question-box .questionList .questionItem .content .summary {
    margin: 3px 5px 0 0;
    font-size: 15px;
    line-height: 28px;
    font-weight: normal;
    text-decoration: none;
    color: #86909C;
}


.askListModule .question-box .questionList .questionItem .rank {
    position: absolute;
    top: 30px;
    right: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.askListModule .question-box .questionList .questionItem .rank small {
    display: block;
    font-size: 12px;
    margin-top: 1px;
}

.askListModule .question-box .questionList .questionItem .rank .answers,
.askListModule .question-box .questionList .questionItem .rank .views {
    display: inline-block;
    padding-top: 12px;
    margin-left: 12px;
    width: 60px;
    height: 42px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 3px;
}

.askListModule .question-box .questionList .questionItem .rank .answers {
    color: #20a0ff;
    background: #E8F3FF;
    border: none
}

.askListModule .question-box .questionList .questionItem .rank .views {
    background-color: #F2F3F5;
    border-color: #F2F3F5;
    color: #86909C;
}

.askListModule .question-box .questionList .questionItem .rank .solve {
    background: #20a0ff;
    border: none;
    color: #fff;
}

.askListModule .questionPage {
    padding-top: 20px;
    background-color: var(--bg-white);
    height: 54px;
    overflow: hidden;
}


/* 问题标签 */
.questionTabModule {
    padding: 8px 15px 8px 15px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    /*background-color: var(--bg-white);*/
    position: relative;
    /*box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);*/
}

.questionTabModule .questionTab-box {
    margin-right: 90px;
}

.questionTabModule .questionTab-box .tab {
    margin-top: 8px;
    margin-bottom: 8px;
}

.questionTabModule .questionTab-box .tab:link,
.questionTabModule .questionTab-box .tab:visited,
.questionTabModule .questionTab-box .tab:active {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 10px 8px 10px;
    margin-right: 5px;
    border-radius: 3px;
    color: #20a0ff;
    background-color: #E8F3FF;
    position: relative;
}


.questionTabModule .questionTab-box .tab:hover {
    background-color: #d8edff;
    color: #1890ff;
    text-decoration: none;
}

.questionTabModule .questionTab-box .tab_current:link,
.questionTabModule .questionTab-box .tab_current:visited,
.questionTabModule .questionTab-box .tab_current:active {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 10px 7px 10px;
    margin-right: 5px;
    border-radius: 3px;
    background-color: #20a0ff;
    color: #fff;
    position: relative;
    behavior: url(common/default/pc/js/css3pie/PIE.htc); /*通知IE浏览器调用脚本作用于当前类*/
}

.questionTabModule .questionTab-box .tab_current:hover {
    background-color: #1d8ce0;
    color: #fff;
    text-decoration: none;
}


.questionTabModule .more {
    position: absolute;
    top: 20px;
    right: 15px;
}

.questionTabModule .readMore {
    color: #20a0ff;
    cursor: default;
}

.questionTabModule .readMore i {
    display: block;
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    font-size: 18px;
}

.questionTabModule .shrinkMore {
    position: relative;
    display: block;
    color: #20a0ff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

/** 问题内容 **/
.questionContentModule {
}

.questionContentModule .left {
    float: left;
    width: 780px;
    height: auto;
}

.questionContentModule .left .question-wrap {
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    position: relative;
}

.questionContentModule .left .question-wrap .questionTag {
    padding-top: 15px;
    margin-left: 15px;
    margin-right: 70px;
}

.questionContentModule .left .question-wrap .questionTag .tag {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 8px 6px 8px;
    margin-right: 5px;
    border-radius: 3px;
    color: #20a0ff;
    background-color: #E8F3FF;
    position: relative;
}

.questionContentModule .left .question-wrap .questionTag .tag:hover {
    background-color: #d8edff;
    color: #1890ff;
    text-decoration: none;
}

.questionContentModule .left .question-wrap .appendQuestion {
    position: absolute;
    right: 5px;
    top: 17px;
    cursor: pointer;
}

.questionContentModule .left .question-wrap .appendQuestion i {
    font-size: 16px;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

.questionContentModule .left .question-wrap .appendQuestion span {
    font-size: 15px;
    margin-right: 8px;
}

.questionContentModule .left .question-wrap .questionBox {
    height: auto;
    padding: 15px 15px 15px 15px;
}

.questionContentModule .left .question-wrap .questionBox .title {
    color: #272E3B;
    font-weight: 600;
    font-size: 22px;
    border: none;
    line-height: 34px;
    margin: 9px 0 18px 0;
}

.questionContentModule .left .question-wrap .questionBox .questionInfo {
    color: var(--second-color);
    font-size: 14px;
    border-bottom: 1px solid #F2F3F5;
    padding-bottom: 5px;
}

.questionContentModule .left .question-wrap .questionBox .questionInfo .postTime {
    float: left;
}

.questionContentModule .left .question-wrap .questionBox .questionInfo .viewTotal-icon {
    float: left;
    margin-left: 20px;
    margin-top: 4px;
}

.questionContentModule .left .question-wrap .questionBox .questionInfo .viewTotal {
    float: left;
    margin-left: 3px;
}

.questionContentModule .left .question-wrap .questionBox .questionInfo .answer-icon {
    float: left;
    margin-left: 20px;
    margin-top: 4px;
}

.questionContentModule .left .question-wrap .questionBox .questionInfo .answer {
    float: left;
    margin-left: 3px;
}

.questionContentModule .left .question-wrap .questionBox .reward {
    margin-top: 10px;
    background: #fcf3e6;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    padding: 5px;
}

.questionContentModule .left .question-wrap .questionBox .reward .info {
    padding: 0px 12px;
    color: #e2b46d;
    font-size: 16px;
}

.questionContentModule .left .question-wrap .questionBox .reward .info .icon {
    font-size: 26px;
    position: relative;
    top: 5px;
    left: -4px;
}

.questionContentModule .left .question-wrap .questionBox .reward .info .symbol {
    font-family: Arial;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    color: #cca558;
}

.questionContentModule .left .question-wrap .questionBox .reward .info .amount {
    margin-left: 1px;
    color: #cca558;
    margin-right: 5px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.questionContentModule .left .question-wrap .questionBox .reward .info .point {
    color: #cca558;
    margin-right: 5px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.questionContentModule .left .question-wrap .questionBox .content {
    margin-top: 5px;
    padding: 20px 0px;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    word-wrap: break-word;
    min-height: 100px;
}

.questionContentModule .left .questionBox .content a {
    color: #1890ff;
}

.questionContentModule .left .question-wrap .questionBox .content p {
    font-size: 16px;
    word-wrap: break-word
}

.questionContentModule .left .question-wrap .questionBox .content img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    vertical-align: sub;
}

.questionContentModule .left .question-wrap .questionBox .content table {
    width: 100%;
}

.questionContentModule .left .question-wrap .questionBox .content table th {
    font-weight: 600
}

.questionContentModule .left .question-wrap .questionBox .content table td,
.questionContentModule .left .question-wrap .questionBox .content table th {
    border: 1px solid #E5E6EB;
    padding: 6px 13px
}

.questionContentModule .left .question-wrap .questionBox .content table tr {
    background-color: var(--bg-white);
    border-top: 1px solid #E5E6EB;
}

.questionContentModule .left .question-wrap .questionBox .content table tr:nth-child(2n) {
    background-color: #F7F8FA;
}

.questionContentModule .left .question-wrap .questionBox .content ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.questionContentModule .left .question-wrap .questionBox .content ul li {
    margin-left: 20px;
    list-style-type: disc;
}

/* 自动换行 */
.questionContentModule .left .question-wrap .questionBox .content pre {
    white-space: pre-wrap;
}

.questionContentModule .left .question-wrap .questionBox .appendBox {
    margin-top: 25px;
    position: relative;
}

.questionContentModule .left .question-wrap .questionBox .odd .head {
    color: #f9ce00;
}

.questionContentModule .left .question-wrap .questionBox .odd:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: -15px;
    bottom: 0px;
    border-left: 5px solid #f9ce00;
}

.questionContentModule .left .question-wrap .questionBox .even .head {
    color: #85eb4e;
}

.questionContentModule .left .question-wrap .questionBox .even:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: -15px;
    bottom: 0px;
    border-left: 5px solid #85eb4e;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .head {
    height: 24px;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .head .prompt {
    font-size: 15px;
    line-height: 34px;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .head .appendTime {
    margin-left: 5px;
    font-size: 15px;
    line-height: 34px;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent {
    padding: 20px 0;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    word-wrap: break-word;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent a {
    color: #1890ff;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent p {
    font-size: 16px;
    word-wrap: break-word
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    vertical-align: sub;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent table {
    width: 100%;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent table th {
    font-weight: 600
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent table td,
.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent table th {
    border: 1px solid #E5E6EB;
    padding: 6px 13px
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent table tr {
    background-color: var(--bg-white);
    border-top: 1px solid #E5E6EB;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent table tr:nth-child(2n) {
    background-color: #F7F8FA;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.questionContentModule .left .question-wrap .questionBox .appendBox .appendContent ul li {
    margin-left: 20px;
    list-style-type: disc;
}

.questionContentModule .right {
    float: right;
    width: 300px;
    height: auto;
    padding-bottom: 10px;
}

.questionContentModule .right .userInfo-wrap {
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.questionContentModule .right .userInfo-wrap .userInfo {
    padding: 20px 0 20px 0;
    margin-left: 8px;
    margin-right: 8px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.questionContentModule .right .userInfo-wrap .userInfo .author {
    text-align: center;
}

.questionContentModule .right .userInfo-wrap .userInfo .author img {
    width: 70px;
    height: 70px;
    border-radius: 50%;

}

.questionContentModule .right .userInfo-wrap .userInfo .name {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 14px 0 4px 0;
}

.questionContentModule .right .userInfo-wrap .userInfo .name a {
    color: #6B7785;
}

.questionContentModule .right .userInfo-wrap .userInfo .role {
    text-align: center;
}

.questionContentModule .right .userInfo-wrap .userInfo .role .userRoleName {
    vertical-align: middle;
    padding: 2px 4px;
    margin-right: 3px;
    font-size: 13px;
    line-height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
}

.questionContentModule .right .userInfo-wrap .userInfo .role .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
}

.questionContentModule .right .userInfo-wrap .userInfo ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0 18px 0;
    border-top: 1px solid #F2F3F5;
    margin-top: 20px;
}

.questionContentModule .right .userInfo-wrap .userInfo ul li {
    float: left;
    width: 33%;
}

.questionContentModule .right .userInfo-wrap .userInfo ul li span {
    display: block;
    text-align: center;
}

.questionContentModule .right .userInfo-wrap .userInfo ul li span a {
    color: #333;
    margin-bottom: 0px;
}

.questionContentModule .right .userInfo-wrap .userInfo ul li span:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    color: #4E5969;
}

.questionContentModule .right .userInfo-wrap .userInfo ul li span:nth-child(2) {
    font-size: 12px;
    color: #86909C;
}

.questionContentModule .right .userInfo-wrap .userInfo ul li span:nth-child(2) a {
    color: #86909C;
}

.questionContentModule .right .userInfo-wrap .userInfo .action-button {
    text-align: center;
}

.questionContentModule .right .userInfo-wrap .userInfo .action-button .privateMessageBox {

}

.questionContentModule .right .userInfo-wrap .userInfo .action-button .privateMessageBox .privateMessageButton {
    color: #20a0ff;
    border-color: #20a0ff;
    outline: none;
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px;
    margin: 0;

}

.questionContentModule .right .userInfo-wrap .userInfo .action-button .privateMessageBox .privateMessageButton:hover {
    background: #E8F3FF;
}


/** 答案列表 **/
.answerModule {
    margin-top: 10px;
    padding: 0px 10px 50px 10px;
    position: relative;
    padding-bottom: 0;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.answerModule .answerList {
    list-style: none;
    font-size: 15px;
}

.answerModule .answerList .answer {
    padding: 15px 0 5px 77px;
    border-bottom: 1px solid #F2F3F5;
}

.answerModule .answerList .active {
    position: relative;

}

.answerModule .answerList .active:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: -10px;
    bottom: 0px;
    border-left: 5px solid #fe9d2d;
}

.answerModule .answerList .answer .adoption {
    display: none;
    position: absolute;
}

.answerModule .answerList .active .adoption {
    display: inline;
    position: absolute;
    right: 0px;
    top: 0px;
}

.ribbon-wrapper {
    width: 106px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    right: -16px;
}

.ribbon-wrapper .ribbon {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -11px;
    top: 26px;
    width: 150px;
    background-color: #fe9d2d;
    color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.5px;
}

.ribbon-wrapper .ribbon:before, .ribbon-wrapper .ribbon:after {
    content: "";
    border-top: 4px solid #ce8025;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    bottom: -4px;
}

.ribbon-wrapper .ribbon:before {
    left: 0;
}

.ribbon-wrapper .ribbon:after {
    right: 0;
}

.answerModule .answerList .answer-author {
    position: relative;
    color: #999
}

.answerModule .answerList .answer-author img {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -72px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
}

.answerModule .answerList .adoption-post-box {
    position: absolute;
    top: 80px;
    left: -53px;
}

.answerModule .answerList .adoption-post {
    color: #A9AEB8;
    cursor: pointer;
    text-align: center;
}

.answerModule .answerList .adoption-post i {
    font-size: 20px
}

.answerModule .answerList .adoption-post:hover i {
    color: #23C343; /** #999 **/
}

.answerModule .answerList .adoption-post:hover span {
    color: #23C343; /** #999 **/
}

.answerModule .answerList .adoption-post span {
    font-size: 13px
}

.answerModule .answerList .info-container {
    font-style: normal;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}

.answerModule .answerList .info-container .userName {
    display: inline-block;
    color: #86909c;
    font-size: 14px;
}

.answerModule .answerList .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
    position: relative;
    top: -5px;
}

.answerModule .answerList .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
    position: relative;
    top: -5px;
}

.answerModule .answerList .master {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #4cc8ff;
    position: relative;
    top: -5px;
}


.answerModule .answerList .answerTime {
    margin-top: 3px;
    margin-bottom: 5px;
    color: #A9AEB8;
    font-size: 13px;
}

.answerModule .answerList .answerTime a {
    color: #A9AEB8;
}

.answerModule .answerList .answer .answerContent {
    padding: 0px;
    word-wrap: break-word;
    color: #272E3B;
    font-size: 15px;
    line-height: 1.75;
    margin-top: 20px;
}

.answerModule .answerList .answer .answerContent img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: sub;
}

/* 自动换行 */
.answerModule .answerList .answer .answerContent pre {
    white-space: pre-wrap;
}

.answerModule .answerList .tipBottom {
    font-size: 13px;
    margin: 25px 10px 5px 50px;
    text-align: right;
}

.answerModule .answerList .tipBottom .a-toolbar {
    display: block;
    width: 100%;
}

.answerModule .answerList .tipBottom .a-toolbar a {
    color: #A9AEB8;
    margin-left: 10px;
}

.answerModule .answerList .tipBottom .a-toolbar a i {
    font-size: 15px;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

.answerModule .answerList .tipBottom .a-toolbar a:hover {
    color: #1890ff;
}

.answerPage {
    margin-top: 20px;
    margin-right: 8px;
    height: 52px;
}

.answerModule .answerList .replyList {
    padding: 10px 0 0px;
    margin-left: 36px;
    margin-right: 10px;
    position: relative;
    line-height: 22px;
    margin-top: 20px;
    background: #F7F8FA;
}

.answerModule .answerList .replyList:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid #F7F8FA;
    border-left: 1px solid #F7F8FA;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: #F7F8FA;
    top: -4px;
    left: 60px
}

.answerModule .answerList .replyList .box li {
    *zoom: 1;
    margin-bottom: 10px;
    border-bottom: 1px solid #EDEEF1;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.answerModule .answerList .replyList .box li:last-child {
    border-bottom: 1px solid #fff;

}

.answerModule .answerList .replyList .box li:before,
.answerModule .answerList .replyList .box li:after {
    content: "";
    display: table;
    font: 0/0 a
}

.answerModule .answerList .replyList .box li:after {
    clear: both;
}

.answerModule .answerList .replyList .box li .reply-top {
    position: relative;
    font-size: 0; /*父级元素设置font-size:0; 解决 display：inline-block两个元素之间的默认空格 */
}


.answerModule .answerList .replyList .box li .reply-top .avatarBox {
    position: absolute;
    border-radius: 100%;
    left: 0px;
}

.answerModule .answerList .replyList .box li .reply-top .avatarBox img {
    border-radius: 100%;
    width: 38px;
    height: 38px;
    margin-top: -2px;
}

.answerModule .answerList .replyList .box li .reply-top .userName {
    display: inline-block;
    color: #86909C;
    margin-left: 48px;
    margin-top: 6px;
    font-size: 14px;
}

.answerModule .answerList .replyList .box li .reply-top .userRoleName {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #e2b46e;
    background-color: #f8e7c4;
    position: relative;
    top: -5px;
}

.answerModule .answerList .replyList .box li .reply-top .staff {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4CD263;
    background-color: #cafcc7;
    position: relative;
    top: -5px;
}

.answerModule .answerList .replyList .box li .reply-top .master {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #4cc8ff;
    position: relative;
    top: -5px;
}

.answerModule .answerList .replyList .box li .reply-top .time {
    float: right;
    color: #A9AEB8;
    font-size: 13px;
    margin-top: 6px;
}

.answerModule .answerList .replyList .box li .reply-top .time a {
    margin-right: 6px;
}

.answerModule .answerList .replyList .box li .reply-top .time a i {
    font-size: 15px;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

.answerModule .answerList .replyList .box li .replyContent {
    font-size: 15px;
    line-height: 26px;
    color: #4E5969;
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;

}

/* 回复答案  */
.answerModule .answerList .answerReply-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.answerReply-formModule {
    margin-top: 10px;

}

.answerReply-formModule .addReply-wrap {
    position: relative;
    padding: 0px 0px 50px 0px;
}

.answerReply-formModule .addReply-wrap .reply-textarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    height: 150px;
    width: 100%;

}

.answerReply-formModule .addReply-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.answerReply-formModule .addReply-wrap .error {
    color: #F76560;
    font-size: 14px;
    line-height: 30px;
}

.answerReply-formModule .addReply-wrap .answerSubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.answerReply-formModule .addReply-wrap .submitButton-box {
    margin-right: 5px;
}

.answerReply-formModule .addReply-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.answerReply-formModule .addReply-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.answerReply-formModule .addReply-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.answerReply-formModule .addReply-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.answerReply-formModule .addReply-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.answerReply-formModule .addReply-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}


.answerReply-formModule .addReply-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.answerReply-formModule .addReply-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.answerReply-formModule .addReply-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
}

.answerReply-formModule .addReply-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.answerReply-formModule .addReply-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.answerReply-formModule .addReply-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.answerReply-formModule .addReply-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.answerReply-formModule .addReply-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.answerReply-formModule .addReply-wrap .captchaModule .tips span {
    color: #F76560;
    font-size: 14px;
}

.answerReply-disableFormModule {
    margin-top: 10px;
}

.answerReply-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 0px 15px 0px;
}

.answerReply-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.answerReply-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}

/* 修改答案回复  */
.answerModule .answerlist .editAnswerReply-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.editAnswerReply-formModule {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.editAnswerReply-formModule .editReply-wrap {
    position: relative;
    padding: 0px 0px 50px 0px;
}

.editAnswerReply-formModule .editReply-wrap .reply-textarea {
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid #E5E6EB;
    vertical-align: top;
    font-size: 14px;
    resize: vertical;
    padding: 3px 10px;
    box-sizing: border-box;
    background: #ffffff;
    outline: none;
    color: rgba(0, 0, 0, 0.8);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
    height: 150px;
    width: 100%;

}

.editAnswerReply-formModule .editReply-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.editAnswerReply-formModule .editReply-wrap .error {
    color: #F76560;
    font-size: 14px;
    line-height: 30px;
}

.editAnswerReply-formModule .editReply-wrap .replySubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.editAnswerReply-formModule .editReply-wrap .submitButton-box {
    margin-right: 5px;
}

.editAnswerReply-formModule .editReply-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editAnswerReply-formModule .editReply-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.editAnswerReply-formModule .editReply-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.editAnswerReply-formModule .editReply-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.editAnswerReply-formModule .editReply-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editAnswerReply-formModule .editReply-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
    background-color: var(--bg-white);
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.editAnswerReply-formModule .editReply-wrap .captchaModule .tips span {
    color: #F76560;
    font-size: 14px;
}

.editAnswerReply-disableFormModule {
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.editAnswerReply-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    border-radius: 3px;
    padding: 15px 0px 15px 0px;
}

.editAnswerReply-disableFormModule .disableForm-wrap .respond {
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.editAnswerReply-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/** 相似问题 **/
.likeQuestionModule {
    margin-top: 10px;
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.likeQuestionModule .likeQuestion {
    margin-bottom: 10px;
    padding: 0 15px 0;
}

.likeQuestionModule .likeQuestion .title {
    font-size: 18px;
    padding: 20px 0 15px;
    color: #272E3B;
    border-bottom: 1px solid #F2F3F5;
    font-weight: 600;
}

.likeQuestionModule .likeQuestion .questionList {
    font-size: 15px;
    margin-top: 10px;
}

.likeQuestionModule .likeQuestion .questionList > .question-title {
    counter-increment: index;
    display: flex;
    flex-direction: row;
    padding-top: 5px;
    padding-bottom: 5px;
}

.likeQuestionModule .likeQuestion .questionList > .question-title::before {
    content: counter(index);
    display: flex;
    width: 22px;
    height: 22px;
    background-color: #E8F3FF;
    text-align: center;
    border-radius: 4px;
    flex: none;
    align-items: center;
    justify-content: center;
    color: #20a0ff;
}

.likeQuestionModule .likeQuestion .questionList > .question-title .top::before {
    background-color: #1890ff;
    color: #fff;
}

.likeQuestionModule .likeQuestion .questionList > .question-title > a {
    display: block;
    word-break: break-word;
    flex: auto;
    margin-left: 8px;
    position: relative;
    top: -1px;
    color: #4E5969;
}

.likeQuestionModule .likeQuestion .questionList > .question-title > a:hover {
    color: #1890ff;
}


/*发表问题*/
.addQuestionModule {
    margin-top: 10px;
    margin-bottom: 10px;
}

.addQuestionModule .question-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 50px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.addQuestionModule .question-form {
    position: relative;
}

/* 问题标签按钮 */
.addQuestionModule .question-form .questionTag {
    margin-top: 2px;
    margin-bottom: 11px;
    line-height: 40px;
}

.addQuestionModule .question-form .questionTag .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    border: 1px solid transparent;
    color: #6B7785;
    background-color: #f2f3f5;
    border-color: #f2f3f5;

    padding: 3px 8px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 3px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none;


}

.addQuestionModule .question-form .questionTag .btn:hover {
    color: #4E5969;
    background-color: #E5E6EB;
    border-color: #E5E6EB;
}

.addQuestionModule .question-form .questionTag .mr {
    margin-right: 5px !important;
}

.addQuestionModule .question-form .questionTag .ml {
    margin-left: 5px !important;
}

.addQuestionModule .question-form .questionTag .addTag {
    position: relative;
    display: inline-block !important
}

.addQuestionModule .question-form .questionTag .warning {
    -webkit-animation: tag-warning 2s;
    animation: tag-warning 2s
}

/**将动画与元素绑定**/
@-webkit-keyframes tag-warning {
    0% {
        background-color: #FF9A2E;
        border-color: #FF9A2E
    }

    to {
        background-color: #fff
    }
}

@keyframes tag-warning {
    0% {
        background-color: #FF9A2E;
        border-color: #FF9A2E
    }

    to {
        background-color: #fff
    }
}

/* 问题标签导航 */
.questionTagNavigation {
    width: 480px;
    min-height: 100px;
    background: #F7F8FA;
    font-size: 14px;
    margin-top: 10px;
}

.questionTagNavigation .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px !important;
    margin-right: 20px;
}

.questionTagNavigation .nav .nav-item {
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    line-height: 26px;

}

.questionTagNavigation .nav .nav-item .nav-link {
    border-radius: 3px;
    padding: 4px 8px;
    border: 1px solid #20a0ff;
    color: #20a0ff;
    background-color: var(--bg-white);
}

.questionTagNavigation .nav .nav-item .active {
    color: #20a0ff;
    background-color: #E8F3FF;
}

.questionTagNavigation .nav a {
    color: #4E5969;
}

.questionTagNavigation .tab-content {
    margin-right: 20px;
    margin-bottom: 10px !important;
}

.questionTagNavigation .tab-content > .tab-pane {
    display: none
}

.questionTagNavigation .tab-content > .active {
    display: block
}

.questionTagNavigation .tab-content .tab-pane {

}

.questionTagNavigation .child-tag {
    display: inline-block;
    font-size: 14px;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #d8edff;
    border-radius: 3px;
    background-color: #d8edff;
    color: #20a0ff;
    margin-right: 8px;
    margin-bottom: 8px;
}

.questionTagNavigation .child-tag:hover {
    text-decoration: none;
    background-color: #CBE2FF;
}

.addQuestionModule .question-form .item {
    height: 46px;
}

.addQuestionModule .question-form .item .unit {
    margin-left: 5px;
    font-size: 15px;
    position: relative;
    top: 2px;
}

.addQuestionModule .question-form .textarea {
    width: 100%;
    height: 450px;
    visibility: hidden;
}

.addQuestionModule .question-form .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.addQuestionModule .question-form .error {
    color: #F76560;
    line-height: 24px;
}

.addQuestionModule .question-form .help {
    color: #A9AEB8;
    position: relative;
    top: 2px;
    margin-left: 4px;
}

.addQuestionModule .question-form .questionSubmit {
    width: 70px;
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2;
}

.addQuestionModule .question-form .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.addQuestionModule .question-form .captchaModule .captchaBox {
    height: 32px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;
    border-radius: 2px;
    margin-left: 10px;
    margin-top: 1px;
}

.addQuestionModule .question-form .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.addQuestionModule .question-form .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.addQuestionModule .question-form .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 1px 15px 0 5px;
}

.addQuestionModule .question-form .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.addQuestionModule .question-form .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.addQuestionModule .question-form .captchaModule .tips span {
    color: #F76560;
}

.addQuestion-disableFormModule {
    margin-top: 10px;
}

.addQuestion-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
}

.addQuestion-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.addQuestion-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/*追加问题*/
.appendQuestion-form {
    position: relative;
}

.appendQuestion-form .textarea {
    width: 100%;
    height: 200px;
    visibility: hidden;
}

.appendQuestion-form .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 50px;
}

.appendQuestion-form .form-action .appendQuestionSubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.appendQuestion-form .form-action .appendQuestionSubmit .submitButton-box {
    margin-right: 5px;
}

.appendQuestion-form .form-action .appendQuestionSubmit .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.appendQuestion-form .form-action .appendQuestionSubmit .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.appendQuestion-form .form-action .appendQuestionSubmit .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.appendQuestion-form .form-action .appendQuestionSubmit .cancelButton-box {
    position: relative;
    top: 2px;
}

.appendQuestion-form .form-action .appendQuestionSubmit .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.appendQuestion-form .form-action .appendQuestionSubmit .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.appendQuestion-form .promptInfo {
    float: right;
    margin-top: 5px;
}

.appendQuestion-form .promptInfo h2 {
    font-size: 16px;
    color: #C9CDD4;
}

.appendQuestion-form .error {
    color: #F76560;
}

.appendQuestion-form .captchaModule {
    float: left;
}

.appendQuestion-form .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.appendQuestion-form .captchaModule .captchaBox {
    height: 32px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;
    border-radius: 2px;
    margin-top: 2px;
}

.appendQuestion-form .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.appendQuestion-form .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.appendQuestion-form .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 1px 15px 0 5px;
    position: relative;
    top: 1px;
}

.appendQuestion-form .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.appendQuestion-form .captchaModule .tips {
    height: 24px;
    line-height: 24px;
}

.appendQuestion-form .captchaModule .tips span {
    color: #F76560;
}

.appendQuestion-disableFormModule {
    margin-top: 10px;
}

.appendQuestion-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
}

.appendQuestion-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.appendQuestion-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 提交答案 */
.answer-formModule {
    margin-top: 10px;

}

.answer-formModule .addAnswer-wrap {
    position: relative;
    background-color: var(--bg-white);
    padding: 15px 18px 60px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.answer-formModule .addAnswer-wrap .textarea {
    width: 100%;
    visibility: hidden;
    height: 200px;
}

.answer-formModule .addAnswer-wrap .promptInfo {
    position: absolute;
    right: 15px;
    bottom: 45px;
}

.answer-formModule .addAnswer-wrap .promptInfo h2 {
    font-size: 16px;
    color: #C9CDD4;
}

.answer-formModule .addAnswer-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.answer-formModule .addAnswer-wrap .error {
    color: #F76560;
}

.answer-formModule .addAnswer-wrap .answerSubmit {
    width: 70px;
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.answer-formModule .addAnswer-wrap .captchaModule {
    float: left;
}

.answer-formModule .addAnswer-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.answer-formModule .addAnswer-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;
    margin-left: 10px;
    border-radius: 2px;
}

.answer-formModule .addAnswer-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.answer-formModule .addAnswer-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.answer-formModule .addAnswer-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.answer-formModule .addAnswer-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.answer-formModule .addAnswer-wrap .captchaModule .tips {
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
}

.answer-formModule .addAnswer-wrap .captchaModule .tips span {
    color: #F76560;
}

/* 添加答案模块(未登录) */
.addAnswerModule {
    margin-top: 10px;
}

.addAnswerModule .addAnswer-wrap {
    background-color: var(--bg-white);
    padding: 15px 15px 15px 15px;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
}

.addAnswerModule .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.addAnswerModule .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}

.addAnswerModule .respond a {
    color: #1890ff;
}

/* 修改答案  */
.answerModule .answerList .editAnswer-post {
    margin-top: 5px;
    margin-left: 36px;
    margin-right: 10px;
}

.editAnswer-formModule {
    margin-top: 50px;

}

.editAnswer-formModule .editAnswer-wrap {
    position: relative;
    padding: 20px 20px 65px 20px;
    background: #F7F8FA;
}

.editAnswer-formModule .editAnswer-wrap .head .icon {
    position: absolute;
    font-size: 50px;
    top: -38px;
    left: -42px;
    color: #F7F8FA;
}

.editAnswer-formModule .editAnswer-wrap .editAnswer-textarea {
    width: 100%;
    visibility: hidden;
    height: 200px;
}

.editAnswer-formModule .editAnswer-wrap .promptInfo {
    position: absolute;
    right: 15px;
    bottom: 32px;
}

.editAnswer-formModule .editAnswer-wrap .promptInfo h2 {
    font-size: 16px;
    color: #ccc;
}

.editAnswer-formModule .editAnswer-wrap .form-action {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    margin-bottom: 12px;
}

.editAnswer-formModule .editAnswer-wrap .error {
    color: #F76560;
    font-size: 14px;
}

.editAnswer-formModule .editAnswer-wrap .editAnswerSubmit {
    height: 38px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 2
}

.editAnswer-formModule .editAnswer-wrap .submitButton-box {
    margin-right: 5px;
}

.editAnswer-formModule .editAnswer-wrap .submitButton-box .submitButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background: #20a0ff;
    border: 1px solid #20a0ff;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editAnswer-formModule .editAnswer-wrap .submitButton-box .submitButton:hover {
    background: #58b7ff;
    border: 1px solid #58b7ff;
}

.editAnswer-formModule .editAnswer-wrap .submitButton-box .submitButton:disabled {
    border: 1px solid #f2f3f5;
    background-color: #f2f3f5;
    color: #C9CDD4;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 2px;
}

.editAnswer-formModule .editAnswer-wrap .cancelButton-box {
    position: relative;
    top: 1px;
}

.editAnswer-formModule .editAnswer-wrap .cancelButton-box .cancelButton {
    display: inline-block;
    line-height: 1;
    min-height: 34px;
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--bg-white);
    border: 1px solid #20a0ff;
    color: #20a0ff;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 16px;
    font-size: 15px;
    border-radius: 3px;
}

.editAnswer-formModule .editAnswer-wrap .cancelButton-box .cancelButton:hover {
    background: #E8F3FF;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule {
    float: left;
    margin-top: 1px;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .captcha_div {
    height: 38px;
    line-height: 38px;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .captchaBox {
    height: 33px;
    border: 1px solid #E5E6EB;
    width: 85px;
    float: left;;
    border-radius: 2px;
    background-color: var(--bg-white);
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .captchaBox input {
    position: relative;
    background-image: url(../images/null.gif);
    background-color: transparent;
    outline: none;
    float: left;
    height: 32px;
    width: 85px;
    line-height: 30px;
    border: 0;
    color: #4E5969;
    padding: 0 5px;
    font-size: 18px;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .promptTag {
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    cursor: text;
    margin-top: 6px;
    margin-left: -74px;
    color: #C9CDD4;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .captcha_div .captchaImage {
    width: 100px;
    height: 32px;
    float: left;
    margin: 0 15px 0 5px;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .captcha_div .captchaImage img {
    width: 100px;
    height: 34px;
    outline: none;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .captcha_div .replace {
    position: relative;
    top: -2px;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .tips {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.editAnswer-formModule .editAnswer-wrap .captchaModule .tips span {
    color: #F76560;
}


.editAnswer-disableFormModule {
    margin-top: 10px;
}

.editAnswer-disableFormModule .disableForm-wrap {
    background-color: var(--bg-white);
    padding: 15px 0px 15px 0px;
}

.editAnswer-disableFormModule .disableForm-wrap .respond {
    background: #F7F8FA;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
}

.editAnswer-disableFormModule .disableForm-wrap .respond p {
    font-size: 15px;
    padding: 8px;
    overflow: hidden;
    color: #A9AEB8;
}


/* 关注 */
.followModule {
    position: relative;
}

.followModule .avatarBox {
    display: inline-block;
    border-radius: 100%;
    padding-top: 8px;
    margin-left: 3px;
}

.followModule .avatarBox img {
    border-radius: 100%;
    width: 36px;
}

.followModule .userName {
    font-size: 15px;
    position: relative;
    top: -12px;
    padding-left: 5px;
}

/* 粉丝 */
.followerModule {
    position: relative;
}

.followerModule .avatarBox {
    display: inline-block;
    border-radius: 100%;
    padding-top: 8px;
    margin-left: 3px;
}

.followerModule .avatarBox img {
    border-radius: 100%;
    width: 36px;
}

.followerModule .userName {
    font-size: 15px;
    position: relative;
    top: -12px;
    padding-left: 5px;
}


/* 帮助分类 */
.helpTypeModule {
    background-color: var(--bg-white);
    padding: 0px 40px 40px 40px;
    margin: 0px auto;

}

.helpTypeModule .nav-row {

}

/* 图文竖排 */
.helpTypeModule .nav-row .vertical-row-title {
    font-size: 16px;
    color: #272E3B;
    line-height: 20px;
    padding-left: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.helpTypeModule .nav-row .vertical-row-title .row-title-line {
    width: 2px;
    height: 16px;
    margin-right: 6px;
    background: #1890ff;
}

.helpTypeModule .nav-row .vertical-container {
    overflow: hidden;
    position: relative;
}

.helpTypeModule .nav-row .vertical-container .item {
    padding: 15px;
    box-sizing: border-box;
    float: left;
    width: 33.3%;
    position: relative;
}

.helpTypeModule .nav-row .vertical-container .item:hover {
    background: #f5f6f7;
}

.helpTypeModule .nav-row .vertical-container .item .link {
    margin: 5px 5px;
    height: 100%;
}

.helpTypeModule .nav-row .vertical-container .item .link .block {
    display: block;
}

.helpTypeModule .nav-row .vertical-container .item .link .block .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}

.helpTypeModule .nav-row .vertical-container .item .link .block .title {
    position: relative;
    left: 20px;
    margin-right: 20px;
    display: block;
    margin-bottom: 4px;
    color: #383838;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.helpTypeModule .nav-row .vertical-container .item .link .block .description {
    position: relative;
    left: 20px;
    margin-right: 20px;
    color: #9b9ba3;
    max-height: 44px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 图文横排 */
.helpTypeModule .nav-row .horizontal-row-title {
    font-size: 23px;
    color: #272E3B;
    padding-left: 12px;
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}

.helpTypeModule .nav-row .horizontal-container {
    overflow: hidden;
    position: relative;
}

.helpTypeModule .nav-row .horizontal-container .item {
    padding: 15px;
    box-sizing: border-box;
    float: left;
    width: 25%;
    position: relative;
}

.helpTypeModule .nav-row .horizontal-container .item:hover {
    background: #F7F8FA;
}

.helpTypeModule .nav-row .horizontal-container .item .link {
    margin: 5px 5px;
    height: 100%;
}

.helpTypeModule .nav-row .horizontal-container .item .link .block {
    text-align: center;
}

.helpTypeModule .nav-row .horizontal-container .item .link .block .img {
    display: inline-block;
    margin-top: 5px;
    width: 110px;
    height: 110px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
}

.helpTypeModule .nav-row .horizontal-container .item .link .block .icon {
    display: inline-block;
    margin-top: 5px;
    font-size: 80px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    color: #E5E6EB;
    text-align: center;
    vertical-align: middle;
    background: #F7F8FA;
    border-radius: 4px;
}

.helpTypeModule .nav-row .horizontal-container .item .link .block .title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    color: #4E5969;
}

.helpTypeModule .nav-row .horizontal-container .item .link .block .description {
    margin-top: 3px;
    font-size: 14px;
    line-height: 22px;
    color: #A9AEB8;
}


.helpDetailModule {
    margin: 10px auto auto auto;
    height: 100%;
}

.helpDetailModule .left {
    float: left;
    width: 300px;
    height: auto;
}

.helpDetailModule .left .nav-wrap {
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    padding-bottom: 20px;
}

.helpDetailModule .left .nav-wrap {

}

.helpDetailModule .left .nav-wrap .helpTypeName {
    padding: 10px 10px 5px 10px;
}

.helpDetailModule .left .nav-wrap .helpTypeName .name {
    line-height: 44px;
    font-size: 18px;
    color: #4E5969;
    background: #F7F8FA;
    border-radius: 3px;
    padding: 0px 10px;
}


.helpDetailModule .left .nav-wrap .helpName {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 8px;

}

.helpDetailModule .left .nav-wrap .helpName a span {
    display: block;
    color: #4E5969;
    font-size: 15px;
    margin-top: 8px;
    line-height: 26px;
    cursor: pointer;
}

.helpDetailModule .left .nav-wrap .helpName a:hover span {
    color: #1890ff;
}

.helpDetailModule .right {
    float: right;
    width: 780px;
    height: 100%;
    padding-bottom: 10px;

}

.helpDetailModule .right .help-wrap {
    background-color: var(--bg-white);
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, .02), 0 4px 8px 0 rgba(0, 0, 0, .02);
    position: relative;
    height: -moz-calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
    height: calc(100% - 10px);
}

.helpDetailModule .right .help-wrap .helpBox {
    height: auto;
    padding: 15px 15px 15px 15px;
}

.helpDetailModule .right .help-wrap .helpBox .title {
    color: #272E3B;
    font-weight: 600;
    font-size: 22px;
    border: none;
    line-height: 34px;
    margin: 9px 0 18px 0;
}

.helpDetailModule .right .help-wrap .helpBox .helpInfo {
    color: var(--second-color);
    font-size: 14px;
    border-bottom: 1px solid #F2F3F5;
    padding-bottom: 5px;
}

.helpDetailModule .right .help-wrap .helpBox .helpInfo .postTime {
    float: left;
}

.helpDetailModule .right .help-wrap .helpBox .content {
    margin-top: 5px;
    padding: 20px 0px;
    color: #272E3B;
    font-size: 16px;
    line-height: 1.75;
    word-wrap: break-word;
    min-height: 100px;
}

.helpDetailModule .right .help-wrap .helpBox .content a {
    color: #1890ff;
}

.helpDetailModule .right .help-wrap .helpBox .content p {
    font-size: 16px;
    word-wrap: break-word
}

.helpDetailModule .right .help-wrap .helpBox .content img {
    max-width: 100%;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    vertical-align: sub;
}

.helpDetailModule .right .help-wrap .helpBox .content iframe {
    width: 100%;
    height: 550px;
    padding: 10px 0px;
}

/* 隐藏标签 IE8以下浏览器不支持自定义标签，需要在页头<head>标签内执行document.createElement('player') */
.helpDetailModule .right .help-wrap .helpBox .content player {
    width: 100%;
    height: 576px;
    display: block;
    margin-top: 10px;
}

.helpDetailModule .right .help-wrap .helpBox .content .dplayer-process {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.helpDetailModule .right .help-wrap .helpBox .content .dplayer-process .box {
    position: relative;
    width: 100%;
    height: 100%;
}

.helpDetailModule .right .help-wrap .helpBox .content .dplayer-process .box .prompt {
    width: 250px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0px 30px;
    border-radius: 3px;
    color: #fff;
    line-height: 80px;
    font-size: 20px;
    background-color: rgb(0, 0, 0);
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: center;
}

/* 自动换行 */
.helpDetailModule .right .help-wrap .helpBox .content pre {
    white-space: pre-wrap;
}

.helpDetailModule .right .help-wrap .helpBox .content table {
    width: 100%;
}

.helpDetailModule .right .help-wrap .helpBox .content table th {
    font-weight: 600
}

.helpDetailModule .right .help-wrap .helpBox .content table td,
.helpDetailModule .right .help-wrap .helpBox .content table th {
    border: 1px solid #E5E6EB;
    padding: 6px 13px
}

.helpDetailModule .right .help-wrap .helpBox .content table tr {
    background-color: var(--bg-white);
    border-top: 1px solid #E5E6EB;
}

.helpDetailModule .right .help-wrap .helpBox .content table tr:nth-child(2n) {
    background-color: #F7F8FA;
}

.helpDetailModule .right .help-wrap .helpBox .content ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.helpDetailModule .right .help-wrap .helpBox .content ul li {
    margin-left: 20px;
    list-style-type: disc;
}


/* 数据表格 */
.dataTable {
    margin-bottom: 50px;
    background-color: var(--bg-white);
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 70px;
    font-size: 15px;
}

.dataTable .dataList {
    width: 100%;
    border-collapse: collapse;
}

.dataTable .dataList .dataThead TH {
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: normal;
    padding-bottom: 6px;
    margin: 0px;
    vertical-align: middle;
    color: #86909C;
    padding-top: 0px;
    white-space: nowrap;
    height: 40px;
    background-color: var(--bg-white);
}

.dataTable .dataList .dataTD {
    color: #4E5969;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    vertical-align: middle;
    word-break: break-all;
    height: 38px;
    line-height: 32px;
    text-align: center ! important;
}

.dataTable .dataList .dataTD a {
    color: #1890ff;
}

.dataTable .dataList .dataTD a:hover {
    color: #40a9ff;
}

.dataTable .dataList tr:nth-of-type(odd) {
    background: #F9FAFC;
}

/*奇数行*/
.dataTable .dataList tr:nth-of-type(even) {
    background: #F2F3F5;
}

/*偶数行 */
.dataTable .dataList tr:hover {
    background: #EBECF0;
}

/**
.dataTable .dataList .dataTD:first-child{
	border-left: 1px solid #fff
}
.dataTable .dataList .dataTD:last-child {
	border-right: 1px solid #fff
}**/
.dataTable .dataList .error {
    color: #F76560;
}

.dataTable .dataList .empty {
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #A9AEB8;
    background-color: var(--bg-white);
}

.dataTable .pageList {
    margin-top: 20px;
    float: right;
    line-height: 22px;
}

/** 空白表格 */
.blankTableModule {
    padding-left: 2px;
    padding-right: 0px;
    padding-top: 6px;
    background-color: var(--bg-white);
}

.blankTableModule .blankTable td {
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px;
    color: #4E5969;
    padding-top: 5px;
    height: 30px;
    font-size: 14px;
}

.blankTableModule .blankTable .required {
    color: red;
}

.blankTableModule .blankTable .error {
    color: #F76560;
    margin-left: 2px;
}

.blankTableModule .blankTable .help {
    color: #A9AEB8;
    margin-left: 2px;
    vertical-align: middle;
}


.badge {
    display: inline-block;
    padding: .15em .4em;
    min-width: 8px;
    border-radius: 18px;
    background-color: #F43530;
    color: #FFFFFF;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    padding: .3em;
    min-width: 0;
    *height: 2px;
}


